dropdown-menues in html

window ist das DOM window-Objekt; ein Javascript Objekt mit dem du auf die Eigenschaften des Fesnters zugreifen kannst.

window.location ist eine Eigenschaft; naemlich die der aktuellen Adresse, URL, whatsoever

document ist das Javascript DOM Objekt mit dem du auf den Inhalt einer Seite zugreifen kannst; eine repraesentation der HTML Seite (er gesammten!) durch einen sog. DOM-Tree

document.guideform nutzt eine veraltete Variante, auf Formulare innerhalb von Seiten direkt durch ihren Namen (name-Attribut) zuzugreifen

document.guideform.guidelinks ist der Name des <select>-Elements in diesem Formular.

document.guideform.guidelinks.options sind die ganzen <option>-Elemente die du anfuehrst; als array.

document.guideform.guidelinks.selectedIndex ist die Nummer des gerade Ausgewaehlten Elementes des <select>-Elements (beginnend bei 0). Diese bietet quasi den Index als Zugriff auf die ganzen <option>s. Eine <option> hat immer einen Wert (.value) assoziert. <option value="http://wohinichgehe/duauch">Gehe dorthin</option><select> triffst. Dann sucht er sich raus, welches <option>-Element wurde ausgesucht, nimmt desen value (welche Sinnigerweise eine URL sein sollte) und stopft den als neue Adresse in die Browser location.

Eleganter ist es, auf das <select>-Element selbst zu referenzieren. das onchange-Event wird ja als Methode von dem jeweiligen Objekt auferufen. Was in onchange="" steht, muss man daher als Methodenaufruf (select-Element).onchange() sehen. D.h. darin kann ich mit this.<eigenschaft|methode> auf das Objekt selbst verweisen:

Code:

onchange="window.location = this.options[this.selectedIndex].value"

Kuerzer, wartbarer.

a) table
b) div float:left
c) form display:inline bzw display:none oder margin/padding auf 0px
d) alle dropdowns in ein <form>

es gibt überhaupt nichts was dagegen spricht, mehrere dropdowns in einem form zu haben - jedes erhält seinen eigenen namen/id, jedes hat seinen eigenen onchange-handler.

oder verstehe ich dich da jetzt falsch?

ok, das problem is weitgehend gelöst, hab für jedes ein eigenes form, die forms kann man ja hintun wo man will
danke mal an alle helfenden

aber es gibt noch ein kleines problem und zwar:
ich hab jetz meine 3 dropdowns, das erste heißt "praxis", das zweite "verlag" und das dritte "religion". in den dropdowns soll von anfang an was drin stehn, also hab ich die ersten werte (praxis, verlag, religion) mit <option selected... stehn. wenn man aber jetz das dropdown anwählt und beispielsweise praxis anwählen will dann gibt das dropdown den wert nicht weiter weil dieser wert ja sowieso schon ausgewählt ist.
ich hab auch schon einen zweiten wert mit praxis gemacht, der eine is selected und hat keinen value, und der andere is der richtige, aber erstens schauts schiach aus im dropdown und zweitens gibts an ausnahmefehler wenn man den ohne value anklickt
was kann ich da noch machen?

Zitat von flocky

Zitat von LunaticLord

Final Destination (2) hat ein offenes Ende, wenn auch nicht gerade ein sehr glückliches

Du kannst versuchen das normale onclick-Event noch abzufangen .. aber ..

Tja, also ich weiss nicht wer immer dir das auch gesteckt hat, aber wie du hier sehr gut siehst eignen sich select-Boxen nicht so optimal fuer die Navigation. Das wird eigentlich nur in seltenen Faellen verwendet (zumeist von Leuten die's nicht besser wissen) weil die Uebersicht gegen 0 geht und es nicht grad sehr intuitiv ist.

Es obliegt auch der Verantwortung der Entwickler das sie nicht blind machen was der Kunde will. In solchen Faellen muss man den Kunden erziehen. Gut, wenn man erst anfaengt wird man das kaum schaffen. Dazu gehoert nun mal Erfahrung. Weiter viel Glueck!

Zitat von flocky

ad 1. danke für den spam, besser?

spam? eher nicht, ich hab darauf gewartet dass du selber draufkommst - dem war nicht so.

Zitat von flocky

ad 2. nochmal danke für die voreiligen schlüsse. ich habe in diesem fall den IE fürs preview verwendet weil es in opera (mein standard-browser) darstellungsprobleme gibt denen ich mich jetz zuwende.

wie man sieht waren meine schlüsse absolut korrekt...

Zitat von flocky

ad 2a: ich hab beim onchange-handler die funktion document.forms[0],reset(); dazugeschrieben und somit gelöst.

hmm, ich kann dieser problemlösung nicht wirklich folgen...
aber das was ich schon oft gesagt hab, trifft auch hier wieder zu: wenn du nicht den kompletten relevanten code zur verfügung stellst kannst du keine optimale lösung erwarten...