Drop down Menü

[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:

Die leiste soll in den oberen frame und dann den Mainframe laden.

[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

[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.

[DRK]

danke!
genau das hab ich gesucht!

[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!

[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.

[Göttliches Eichhörnchen]

ganz herzlichen dank, genau das, was ich suche
bist mein held ^^