Seite 1 von 1

Drop down Menü

Verfasst: Do Okt 23, 2003 7:33 pm
von DRK
Wie kann ich ein Drop down menü machen?
Also eine Menü, wo ich verschiedene Sachen anwähen kann, und die dann geladen werden, so in etwa wie dieses:
Bild
Die leiste soll in den oberen frame und dann den Mainframe laden.

Verfasst: Fr Okt 24, 2003 5:39 pm
von ex-venom

Code: Alles auswählen


<select name="mama" onChange="if (this.options[this.selectedIndex].value.length!=0) window.open(this.options[this.selectedIndex].value,'_blank')">
<option>Dei Mudha kann...</option>
<option value="koche.html">...koche</option>
<option value="?mama=putze">...putze</option>
<option value="http://www.mudha.de">...zicken</option>
<option value="mailto:[email protected]">...backen</option>
</select>

das oben ist was scriptisches. Klickt man auf eine option dann öffnet sich ein neues Fenster (_blank). Kann man auch ändern.
Zum laden in einen anderen Frame grade _blank ändern in den Namen vom Frame

Verfasst: Fr Okt 24, 2003 7:51 pm
von Katana
Hmm, das onChange="""" würde ich rausnehmen.
Mich nervt es meistens, wenn ich dann was falsches ausgewählt habe, es dann aber schon weiter geht.
Ich würde also 'nen Button daneben setzen, mit dem man dann die Seite wechseln kann, aber mußt du wissen.
Soweit ich weiß, machen das allerdings noch nicht alle Browser, mußt du testen.

Um sicherzugehen, daß es auf den meisten läuft, würd' ich immer einen Test mit IE (5.0 und 6.0), Mozilla (ab 1.0) und Opera empfehlen.

Netscape und Galleon z.B. mußt du nicht extra testen, da sie auf Mozilla basieren. Evtl. noch Konquerer testen (der interpretiert manche Sachen anders), aber es hat ja nicht jeder Linux (KDE) drauf ;)

Und natürlich vom W3C überprüfen lassen die Seite ;)

Ich würd' auch empfehlen, mal hier (Seite@SelfHTML) nachzuschauen.

Verfasst: Sa Okt 25, 2003 2:27 pm
von DRK
danke!
genau das hab ich gesucht!

Verfasst: So Dez 07, 2003 11:10 pm
von Göttliches Eichhörnchen
Dann schreib ich also erstmal hier im thema weiter ;)

wenn ich nicht frames o.ä. arbeite und nicht möchte, dass sich ein neues fenster öffnet, wie löse ich das dann? halt wie man es von foren her kennt!

Verfasst: So Dez 07, 2003 11:30 pm
von Katana
Prinzipiell genau so, ich kopier mal den Code von ex-venom:

Code: Alles auswählen

<select name="mama" onchange="if (this.options[this.selectedIndex].value.length!=0) window.location.href = this.options[this.selectedIndex].value">
<option>Dei Mudha kann...</option>
<option value="koche.html">...koche</option>
<option value="?mama=putze">...putze</option>
<option value="http://www.mudha.de">...zicken</option>
<option value="mailto:[email protected]">...backen</option>
</select>
Man beachte die Veränderung von ""window.open"" zu ""window.location.href"".

Alternativ auch auf 'nen Knopf zu legen.

Code: Alles auswählen

<select name="mama">
<option>Dei Mudha kann...</option>
<option value="koche.html">...koche</option>
<option value="?mama=putze">...putze</option>
<option value="http://www.mudha.de">...zicken</option>
<option value="mailto:[email protected]">...backen</option>
</select><input type="button" value="go" onclick="if (document.getElementByName('mama').options[document.getElementByName('mama').selectedIndex].value.length!=0) window.location.href = document.getElementByName('mama').options[document.getElementByName('mama').selectedIndex].value" />
Hier muß man noch drauf achten, daß ""this"" durch ""document.getElementByName('mama')"" ersetzt wurde.

Verfasst: Mo Dez 08, 2003 12:31 am
von Göttliches Eichhörnchen
ganz herzlichen dank, genau das, was ich suche
bist mein held ^^