Select Box aufgeklappt

[Andreas]

Hallo,
beim Start der Seite möchte ich eine Select-Box aufgeklappt haben.
Das Formular und dmit das Element ist per default hidden und wird per JS erst sichtbar. Dann sollte halt die Box aufgeklappt sein.

Gruß Andreas

[Marc Reichelt]

Hallo Andreas,

beim Start der Seite möchte ich eine Select-Box aufgeklappt haben.
Das Formular und dmit das Element ist per default hidden und wird per JS erst sichtbar. Dann sollte halt die Box aufgeklappt sein.

Sehr schöne Idee. Was genau hindert dich daran, sie umzusetzen?
(mit anderen Worten: Was willst du genau wissen?)

Du solltest mal bei SELFHTML nachsehen, eine Suche nach "innerHTML" könnte dir schnell Erfolge verheißen.

Über die Variable document.getElementById("element").innerHTML könntest du auf den inneren HTML-Code eines HTML-Tags zugreifen, dessen id den Wert "element" hat.

Grüße

Marc Reichelt || http://www.marcreichelt.de/

[Andreas]

Hi

Sehr schöne Idee. Was genau hindert dich daran, sie umzusetzen?
(mit anderen Worten: Was willst du genau wissen?)

Die Steuerung von Sichtbar und unsichtbar habe ich schon gemacht, es geht jetzt nur darum dass wenn ich auf den Link klicke dass das sichtbar werdende Formular/Select aufgeklappt ist.

Du solltest mal bei SELFHTML nachsehen, eine Suche nach "innerHTML" könnte dir schnell Erfolge verheißen.

Sorry, hab da einen Nullblick.

Über die Variable document.getElementById("element").innerHTML könntest du auf den inneren HTML-Code eines HTML-Tags zugreifen, dessen id den Wert "element" hat.

Wie ich auf das Element zugreifen kann ist klar, nur mit welcher Methode kann ich das Select aufklappen lassen?

Hier mal mein Code,
Gruß Andreas

< script language="JavaScript" type="text/javascript">
<!--
var img1 = "sort_up.gif";
var img2 = "sort_down.gif";
var i = 0;

function wechsel(){
i = i + 1;
if(i==1){
 document.images['imgx'].src=img1;
 document.getElementById('select1').style.visibility = 'visible';
}
if(i==2){
 document.images['imgx'].src=img2;
 document.getElementById('select1').style.visibility = 'hidden';
 i = 0;
}
}
// -->
< /script>

<a style="text-decoration: none" href="#" onClick="wechsel();">Quick Menü</a>
<a href="#" onClick="wechsel();"><img id="imgx" name="imgx" src="' . $settings['images_url'] . '/sort_down.gif" border="0"></a>

...

<tr>
<td style="background-color:#FFFFFF" colspan="',($context['allow_admin']) ? '6' : '5' ,'">&nbsp;</td>
<td colspan="2" style="background-color:#FFFFFF" align="left">
<form action="" style="margin-bottom: 0px">
<select style="visibility: hidden" id="select1" name="select1" onchange="if (this.selectedIndex > 0 &amp;&amp; this.options[this.selectedIndex].value) window.location.href = smf_scripturl + this.options[this.selectedIndex].value.substr(smf_scripturl.indexOf('?') == -1 ? 0 : 1);">
<option value="?action=p1">=>Option 1</option>
<option value="?action=p2">=>Option 2</option>
<option value="?action=p3">=>Option 3</option>
<option value="?action=p4">=>Option 4</option>
<select></form></td>
<tr>

[Felix Riesterer]

Lieber Andreas,

ich habe Dein Problem zwar immer noch nicht so ganz verstanden, ahne aber, dass es wohl mit dem Attribut "size" im <select>-Element zu tun haben könnte... Wenn Du per Javscript diesen (CSS(?)-)Wert veränderst (also "size" > 1), dann sollte das Select-Feld mehrzeilig angezeigt werden - glaube ich.

Ob das aber stimmt, und ob es das ist, was Du wissen willst, das weiß ich nicht.

Liebe Grüße aus Ellwangen,

Felix Riesterer.

[Andreas]

Hi,
super funktioniert.

Gruß Andreas

[Andreas]

Hallo,
leider kann ich mit size doch nichts anfangen.
Durch z.B. size=10 wird das layout so weit nach unten verschoben wie eben 10 Zeilen Platz brauchen. Die Liste überlappt also nicht das Layout, und genau das aber bräuchte ich.

Any Idea?

Andreas

[mewX]

Any Idea?

Eventuell in einen Div, der abolut positioniert ist und halt einen dementsprechenden z-index hat.

[Andreas]

Hi,

Eventuell in einen Div, der abolut positioniert ist und halt einen dementsprechenden z-index hat.

das mit dem absolut positionieren klappt halt nicht. wenn jemand das Fenster verkleinert, nach unten/oben oder seitlich scrollt verändert sich ja die Position wo die Box erscheinen muss.

Andreas

[Felix Riesterer]

Lieber Andreas,

das mit dem absolut positionieren klappt halt nicht. wenn jemand das Fenster verkleinert, nach unten/oben oder seitlich scrollt verändert sich ja die Position wo die Box erscheinen muss.

spätestens jetzt wäre ein Link zum Betrachten Deines Problems sehr nützlich (für Dich)...

Liebe Grüße aus Ellwangen,

Felix Riesterer.

[Andreas]

Hi,
schon klar, hätte ich auch schon beim 1. Posting gemacht wenn es gehen würde.
Es ist ein Template für die Forensoftware SMF, das aber noch nicht eingesetzt wird. Wenn ich euch den Link nenne wird nämlich ein ganz anderes Template angezeigt.
Ich hab aber jetzt ein Testzugang gelegt.
http://www.access-o-mania.de/forum/index.php
User: selfhtml
Pass: demo

Gruß Andreas

[Felix Riesterer]

Lieber Andreas,

Ich hab aber jetzt ein Testzugang gelegt.
http://www.access-o-mania.de/forum/index.php
User: selfhtml
Pass: demo

und was soll da jetzt automatisch aufklappen? Die Quicklinks? Wenn ja - warum?

Liebe Grüße aus Ellwangen,

Felix Riesterer.

[Andreas]

Hi,
kommst ca. 30 Minuten zu spät, hab alles über den Haufen geworfen und habs mit einer "normalen" Select-Box gemacht.

Gruß Andreas