Kombination aus Rollover mit Klick

[Gabi Bauer]

Ich hab da ein Problem, das ich so nicht in Büchern finde:
für eine Seite soll die navigation folgendermaßen aussehen:
es gibt mouseover, mouseout u. klick. Der Klick-Button bleibt solange, bis ein
anderer geklickt wird (das alleine könnte ich schon), aber im mouseover/out
werden noch zusätzlich 2 nicht anklickbare Grafiken ausgetauscht, die bei
mouseover nur zusätzliche Info liefern. Auch den Fall, dass bei mouseover 3 Bilder auszutauschen
sind würde ich zuwege bringen. Nur die Kombination aus beiden genannten schaffe ich nicht.
Das Beispiel aus der Praxis:
6 nebeneinanderstehende Stühle, zuerst grau, sind Navigationsbuttons . Bei
mouseover wird der entspr. Stuhl rot u. bleibt rot bei Klick. Geht man mit
mouseover auf andere Stühle, werden die entspr. Stühle, wo gerade mouseover ist,
zusätzlich zu dem angeklickten Stuhl rot. Dazu muss zu jedem mouseover-Stuhl
eine Info eingeblendet werden, die über 2 Grafiken
realisiert wird ; diese Info verschwindet wieder bei mouseout des entspr.
Stuhls. Bei Klick auf einen neuen Stuhl wird der alte geklickte wieder deaktiviert (grau) und der neue aktiv (rot).
Es wäre fein, wenn jemand dazu ein passendes javascript wüßte. ich bedanke mich schon
mal für alle Zuschriften...

[Ole]

hi gabi,

das einfachste was mir einfallen würde, wäre mit meheren seiten zu arbeiten (wenn du frames nutz lies weiter, wenn nicht lohnt es nicht :-)).

für jede onclick aktion hast du eine eigene seite, in der der jeweilig stuhl rot ist. bei einem onmouseover werden die anderen stühle ganz normal rot und bei einem weiteren click kannst du ja wieder eine menue datei einbinden in der kein stuhl rot ist.

hoffe ich hab mich verständlich ausgedrückt :-), sonst schreib ich das ganze noch mal ausführlicher

alles liebe
ole
(8-)>

[ThomasP]

Hallo erstmal!

Du hast die loesung schon hingeschrieben:

Das Beispiel aus der Praxis:
6 nebeneinanderstehende Stühle, zuerst grau, sind Navigationsbuttons . Bei
mouseover wird der entspr. Stuhl rot

onMouseover="markiere_stuhl('stuhlx')"

u. bleibt rot bei Klick.
onClick="setze_stuhl('stuhlx')"

Geht man mit

mouseover auf andere Stühle, werden die entspr. Stühle, wo gerade mouseover ist,
zusätzlich zu dem angeklickten Stuhl rot.

das gleiche onMouseover

Dazu muss zu jedem mouseover-Stuhl

eine Info eingeblendet werden, die über 2 Grafiken
realisiert wird ;

wird mit grafik austauschen in markiere_stuhl implementiert

diese Info verschwindet wieder bei mouseout des entspr. Stuhls.
onMouseout="demarkiere_stuhl('stuhlx')"

Bei Klick auf einen neuen Stuhl wird der alte geklickte wieder deaktiviert (grau) und der neue aktiv (rot).
z.B. bei setze_stuhl() wird eine variable mit dem aktuellen stuhl belegt (zb. name oder nummer der grafik) und dann ausgelesen und diese grafik zurueckgesetzt usw. usf.

und nun viel spass beim basteln ;-)

uebrigens findest Du die beispiele in selfHTML

Gruss
Thomas

[Antje Hofmann]

Hallo Gabi,

Der Klick-Button bleibt solange, bis ein

anderer geklickt wird (das alleine könnte ich schon), aber im mouseover/out
werden noch zusätzlich 2 nicht anklickbare Grafiken ausgetauscht, die bei
mouseover nur zusätzliche Info liefern. Auch den Fall, dass bei mouseover 3 Bilder auszutauschen
sind würde ich zuwege bringen. Nur die Kombination aus beiden genannten schaffe ich nicht.

Ich antworte mal mit Swens Lieblingslink:
<../../sfausles/tsfa_tt.htm>

Anschließend auf Bilder/Grafiken und dann auf "Und schwerer: Wenn ich drei unterschiedliche Bilder brauche ?"

Dort findest du das gesuchte Beispiel.

eine Info eingeblendet werden, die über 2 Grafiken
realisiert wird ; diese Info verschwindet wieder bei mouseout des

:-) dazu gibts alt, <../../tcga.htm#a4>

<werbung class="nichtkommerziell">
Diese Link wurde Ihnen vom Selfauslese-Team präsentiert. Selfauslese - jetzt helf ich mir selbst.
</werbung>

Viele Grüße

Antje