nicht angemeldet
mouseover, mouseout...
hallo!
da ich mich in javascript nicht ganz so gut auskenne hoffe ich einmal auf nette hilfe 8) ich habe in meiner navigation buttons welche beim mouseover gegen andersfärbige buttons ausgetauscht werden (bei mouseout das ganze retour). nun wäre es noch schön wenn der button der geklickt wurde so lange die andere farbe behält, also der "ausgetauschte button" bleibt bis ein anderer angeklickt wird..
soweit ich rausgefunden habe geht es nicht einfach mit "on..?="tu das")..
ich habe das bis jetzt folgendermaßen gelöst:
im header:
if (version == 1) {
nav1_normal = new Image();
nav1_normal.src = "image.jpg";
nav1_hiLite = new Image();
nav1_hiLite.src = "image_h.jpg";
im body:
<A onmouseover="hiLiteImage('nav1','nav1_hiLite')" onmouseout="hiLiteImage('nav1','nav1_normal')" onclick="hiLiteImage('nav1','nav1_normal')" href="seite.htm" target="mitte"><IMG style="VERTICAL-ALIGN: bottom" src="image.jpg" border=0 name=nav1>
wäre für ein bisschen hilfe unendlich dankbar 8)
lg, amelie
-
Nabend!
Also, ich würde es so machen.
Ich würe ein Funktion erstellen die beim Event onclick aufgerufen wird.
In dieser Funtion würde ich dann als erstes das alte Bild vom vorherigen Button wieder zurücksetzen, dessen Name ich in einer Variabel gespeichert habe. Dann würde ich das Bild vom neuen Button ändern und dessen Name/Referenz dann wieder in der Variabel Speichern um den dann Später, wenn ein anderer Button angeklickt wird zu ändern.MfG
Dr. Ma-Busen -
Hallo Amelie,
warum benutzt Du dafür denn JavaScript ?
versuchs doch mal mit CSS...
http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus
CU Christoph
-
hallo!
da ich mich in javascript nicht ganz so gut auskenne hoffe ich einmal auf nette hilfe 8) ich habe in meiner navigation buttons welche beim mouseover gegen andersfärbige buttons ausgetauscht werden (bei mouseout das ganze retour). nun wäre es noch schön wenn der button der geklickt wurde so lange die andere farbe behält, also der "ausgetauschte button" bleibt bis ein anderer angeklickt wird..
soweit ich rausgefunden habe geht es nicht einfach mit "on..?="tu das")..ich habe das bis jetzt folgendermaßen gelöst:
im header:if (version == 1) {
nav1_normal = new Image();
nav1_normal.src = "image.jpg";
nav1_hiLite = new Image();
nav1_hiLite.src = "image_h.jpg";im body:
<A onmouseover="hiLiteImage('nav1','nav1_hiLite')" onmouseout="hiLiteImage('nav1','nav1_normal')" onclick="hiLiteImage('nav1','nav1_normal')" href="seite.htm" target="mitte"><IMG style="VERTICAL-ALIGN: bottom" src="image.jpg" border=0 name=nav1>wäre für ein bisschen hilfe unendlich dankbar 8)
lg, amelie
hallo amelie
mit css geht das mit dem aktive link nicht! also ich meine das er aktive bleibt bis zum nächsten klick.
aber mit folgendem javascript geht es ohne probleme:
<html><head>
<title></title>
<script language="JavaScript" type="text/javascript">
<!--
letztes="";
function changeImage(imgName,imgFile)
{ if(letztes!=imgName)
{document.images[imgName].src=imgFile;}
}function druecken(imgName,imgFile)
{ document.images[imgName].src=imgFile;
if(letztes!=""&&letztes!=imgName)
{document.images[letztes].src="up.gif";}
letztes=imgName;}
-->
</script></head>
<body>
<a href=# onMouseOver="changeImage('img1','down.gif')"
onMouseOut="changeImage('img1','up.gif')" onClick="druecken('img1','down.gif')"><img name="img1" src="up.gif" border="0"></a>
</body></html><img name="img1" --> hier sollst deinen eigenen namen eingeben!
('img1',' --> hier sollst du ihn auch anpassen!dann sollte alles funktionieren.
gruss bigi
-
hallo amelie
mit css geht das mit dem aktive link nicht! also ich meine das er aktive bleibt bis zum nächsten klick.
aber mit folgendem javascript geht es ohne probleme:
<html><head>
<title></title>
<script language="JavaScript" type="text/javascript">
<!--
letztes="";
function changeImage(imgName,imgFile)
{ if(letztes!=imgName)
{document.images[imgName].src=imgFile;}
}function druecken(imgName,imgFile)
{ document.images[imgName].src=imgFile;
if(letztes!=""&&letztes!=imgName)
{document.images[letztes].src="up.gif";}
letztes=imgName;}
-->
</script></head>
<body>
<a href=# onMouseOver="changeImage('img1','down.gif')"
onMouseOut="changeImage('img1','up.gif')" onClick="druecken('img1','down.gif')"><img name="img1" src="up.gif" border="0"></a>
</body></html><img name="img1" --> hier sollst deinen eigenen namen eingeben!
('img1',' --> hier sollst du ihn auch anpassen!dann sollte alles funktionieren.
gruss bigi
hallo bigi!
vielen dank für deine antwort!
ich weiß, das ist vielleicht eine blöde frage aber bei dem teil im header, was gebe ich da statt "imgName,imgFile, up.gif" an? *g*
ich habe bei meiner navi natürlich immer 2 verschiedene buttons, z.b. "home.jpg" & "home_h.jpg", home_h.jpg soll wenn einmal geklickt, bleiben bis ich einen anderen button klicke..lg
amelie
-