achsoitdas: onClick/onMouseOver/onMouseOut

Servus,
habe ein Menü das bei onMouseOver/onMouseOut jeweils 2 Bilder tauscht folgendermaßen realisiert:

function wechsel(picName,pic,picName2,pic2)
{
document.images[""+picName+""].src = pic;
document.images[""+picName2+""].src = pic2;
}

<img name="#" src="../bilder/bild1.jpg">
<img name="#" src="../bilder/bild2.jpg"
onmouseover="wechsel('bild1','../bilder/bild3.jpg','bild2','../bilder/bild4.jpg')"
onmouseout="wechsel('bild1','../bilder/bild1.jpg','bild2','../bilder/bild2.jpg')">

das funktioniert auf jeden Fall auch ganz solide.

Jetzt möchte ich das bei OnClick die beiden onMouseOver-Bilder stehen bleiben. Wenn ich jetz bei onClick da "onMouseOver"-Bild eintrage bleibt es zwar stehen jedoch tritt danach auch wieder onMouseOut in Kraft und das "alte" Bild erscheint wieder.
Das man also sieht welcher Menüpunkt gerade ausgewählt ist.
Brauche dafür sicherlich eine Funktion mit Zähler, oder?

Vielen Dank für eure Hilfe
MfG

  1. hi,

    Jetzt möchte ich das bei OnClick die beiden onMouseOver-Bilder stehen bleiben. Wenn ich jetz bei onClick da "onMouseOver"-Bild eintrage bleibt es zwar stehen jedoch tritt danach auch wieder onMouseOut in Kraft und das "alte" Bild erscheint wieder.
    Das man also sieht welcher Menüpunkt gerade ausgewählt ist.
    Brauche dafür sicherlich eine Funktion mit Zähler, oder?

    Ja, sowas in der Art.
    Du könntest dir beim onClick die Referenz auf das Bild, auf das geklickt wurde, in einer Variablen "merken" -
    und in der onMouseout-Funktion prüfst du dann zunächst, ob das zurückzutauschende Bild mit dem gemerkten identisch ist - wenn ja, tausche nicht.

    Dann musst du dir evtl. noch etwas überlegen, um bei einem erneuten Klick auf ein anderes Bild das zuvor "stehengelassene" wieder zurückzutauschen, wenn nicht mehrere Bilder gleichzeitig "aktiv" sein sollen. Das dürfte aber ähnlich leicht machbar sein - onClick zunächst überprüfen, ob das zuletzt gemerkte Bild gleich dem aktuellen ist - wenn nein, zunächst ersteres zurücktauschen, bevor letzteres gemerkt wird.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. Danke erstmal,
      das hört sich ja theoretisch alles ganz gut an und so ahnlich dachte ich mir das schon. Jedoch kann ich es praktisch nicht umsetzen. Also wäre super wenn du mir script-technisch weiter helfen könntest.
      MfG

      1. hi,

        das hört sich ja theoretisch alles ganz gut an und so ahnlich dachte ich mir das schon. Jedoch kann ich es praktisch nicht umsetzen.

        Dann solltest du wohl deine Javascript-Kenntnisse ein wenig erweitern - http://de.selfhtml.org/javascript/

        Also wäre super wenn du mir script-technisch weiter helfen könntest.

        Bei konkreten Problemen mit der Umsetzung gerne - aber ein fertiges Script werde ich dir nicht vor die Füsse werfen.

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }