Menubutton aktiviert
MBautz
- javascript
Hallo,
ich habe leider nicht so viel Plan von Javascript, dennoch habe ich mithilfe von SelfHTML ein kleines Menüscript gebastelt - naja,..Script ist jetzt frech übertrieben (sorry).
Aber nun zu meiner Frage:
ich habe zwei Buttongrafiken: GrafikA.jpg und GrafikB.jpg. Dieser werden bei einem Mouseover ausgetauscht. Ausgangszustand ist hierbei die GrafikA.jpg.
Wenn ich dann aber einen dieser Buttons anklicke und eine andere Seite in dem Iframe angezeigt wird, würde ich ganz gerne, daß der Button GrafikA.jpg ausgetauscht wird und GrafikB.jpg stehen bleibt (also active ist).
ich habe es mit MouseUp probiert - aber irgendwie haut das nicht hin. hier der Auszug des Quelltextes:
<a href="dummy.htm" onFocus="if(document.all) this.blur()" target="Bildframe" onMouseOver="image6.src='pics/menu/GrafikA.jpg';" onMouseOut="image6.src='pics/menu/GrafikB.jpg';">
Bildframe ist der name des Iframes.
Hi,
Wenn ich dann aber einen dieser Buttons anklicke und eine andere Seite in dem Iframe angezeigt wird, würde ich ganz gerne, daß der Button GrafikA.jpg ausgetauscht wird und GrafikB.jpg stehen bleibt (also active ist).
Du kannst das Bild dauerhaft anzeigen, indem du z.B. onClick nutzt. Wenn also jmd. auf den Button klickt, wird dieser event-Handler aufgerufen und setzt das Bild dauerhaft:
onClick=="image6.src='pics/menu/GrafikB.jpg';"
Da du aber vermutlich nicht nur einen Button hast, sondern mehrere und auch wirklich nur der aktuelle Button die GrafikB anzeigen soll, musst die anderen Buttons wieder auf GrafikA zurücksetzten. Das erledigst Du am besten mit einer Schleife. Da das sehr unübersichtlich wird, wenn du alles in den Event-Handler quetscht, empfiehlt es sich, wenn Du eine Funktion erstellst, die bei onClick aufgerufen wird. Dieser Funktion übergibst Du dann als Parameter den Namen des Buttons, der aktiv sein soll.
Die Funktion geht dann also her und setzt alle Buttons auf GrafikA und nur den, den sie als Parameterwert erhalten hat, auf GrafikB.
So ist immer der aktuelle Button aktiv und alle andere nicht.
Wie das mit den Schleifen und Funktionen funktioniert, findest Du in SelfHTML.
Bildframe ist der name des Iframes.
Das interessiert hier nicht.
JavaScript ist es egal, wie Du dein Zielframe nennst ;)
Viel Erfolg und viele Grüße...
Alex :)
irgendwie ist deine antwort bei jemanden, der von sich behauptet
ich habe leider nicht so viel Plan von Javascript<
glaube ich nicht so das ultimative...
unter der url oben gibts klasse infos und ne komplettlösung.
endlich ... hab selbst lange danach gesucht.
funktioniert bestens.
unter der url oben gibts klasse infos und ne komplettlösung.
endlich ... hab selbst lange danach gesucht.
funktioniert bestens.
DU BIST DER GRÖßTE!!!!!!!!!!!!!!!!
VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN,VIELEN....usw. D A N K !!!!!