DropDown Menü zweireihig oder mit Untermenü?

05.09.2007 20:51
#1 DropDown Menü zweireihig oder mit Untermenü?
avatar
Mitglied


Hallo,
ich habe ein DropDown Menü, dass recht groß geworden ist.
Läßt sich das zweireihig oder mit einem Untermenü darstellen.

Oder gibt es hier ein passendes Java-Applett, das nicht so riesig ist?

Wer hat eine Idee, wer weiß weiter?




<select name="menue1" style="font-family:Arial;color:#000000;background-color:#FFFFFF;font-size:10pt;vertical-align: middle;">
<option selected>Schrift-Design</option>
<option value=""></option>

<optgroup label="Überschrift">
<option value="javascript:insert('[H3]','[/H3]')">H3 - Klein</option>
<option value="javascript:insert('[H2]','[/H2]')">H2 - Groß</option>
<option value="javascript:insert('[H1]','[/H1]')">H1 - Sehr Groß</option>
</optgroup>

<optgroup label="Schriftgrösse">
<option value="javascript:insert('[size=9]','[/size=9]')">9px</option>
<option>Standard</option>
<option value="javascript:insert('[size=16]','[/size=16]')">16px</option>
<option value="javascript:insert('[size=18]','[/size=18]')">18px</option>
<option value="javascript:insert('[size=24]','[/size=24]')">24px</option>
<option value="javascript:insert('[size=32]','[/size=32]')">32px</option>
<option value="javascript:insert('[size=48]','[/size=48]')">48px</option>
</optgroup>

<optgroup label="Schriftfarbe">
<option style="color: #666666" value="javascript:insert('[weiss]','[/farbe]')">weiss</option>
<option style="color: #FFF080" value="javascript:insert('[hellgelb]','[/farbe]')">hellgelb</option>
<option style="color: #FFF000" value="javascript:insert('[gelb]','[/farbe]')">gelb</option>
<option style="color: #FF8000" value="javascript:insert('[orange]','[/farbe]')">orange</option>
<option style="color: #FF0000" value="javascript:insert('[rot]','[/farbe]')">rot</option>
<option style="color: #FF80C0" value="javascript:insert('[rosa]','[/farbe]')">rosa</option>
<option style="color: #800080" value="javascript:insert('[violett]','[/farbe]')">violett</option>
<option style="color: #FF00FF" value="javascript:insert('[lila]','[/farbe]')">lila</option>
<option style="color: #00FFFF" value="javascript:insert('[tuerkis]','[/farbe]')">türkis</option>
<option style="color: #0080FF" value="javascript:insert('[hellblau]','[/farbe]')">hellblau</option>
<option style="color: #0000FF" value="javascript:insert('[blau]','[/farbe]')">blau</option
<option style="color: #00008B" value="javascript:insert('[dunkelblau]','[/farbe]')">dunkelblau</option>
<option style="color: #80FF80" value="javascript:insert('[mint]','[/farbe]')">mint</option>
<option style="color: #80FF00" value="javascript:insert('[hellgruen]','[/farbe]')">hellgrün</option>
<option style="color: #00C000" value="javascript:insert('[gruen]','[/farbe]')">grün</option>
<option style="color: #008000" value="javascript:insert('[dunkelgruen]','[/farbe]')">dunkelgrün</option>
<option style="color: #804000" value="javascript:insert('[braun]','[/farbe]')">braun</option>
<option style="color: #000000" value="javascript:insert('[schwarz]','[/farbe]')">schwarz</option>

<optgroup label="Hintergrund"><br>
<option style="background-color: #FFFFFF" value="javascript:insert('[style=background-color: #FFFFFF]','[/style]')">Weiss</option>
<option style="background-color: #FFFF00" value="javascript:insert('[style=background-color: #FFFF00]','[/style]')">Gelb</option>
<option style="background-color: #FF0000" value="javascript:insert('[style=background-color: #FF0000]','[/style]')">Rot</option>
<option style="background-color: #800080" value="javascript:insert('[style=background-color: #800080]','[/style]')">Lila</option>
<option style="background-color: #0000FE" value="javascript:insert('[style=background-color: #0000FE]','[/style]')">Blau</option>
<option style="background-color: #008000" value="javascript:insert('[style=background-color: #008000]','[/style]')">Grün</option>
</optgroup></select><input type="button" style="font-size: 10pt;vertical-align: middle;" onClick="location=this.form.menue1.options[this.form.menue1.selectedIndex].value;" value="GO">


Gruß
Wolf

Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!