Andreas: Select Box aufgeklappt

Beitrag lesen

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>