link ändern bei onClick

[goana]

hi,

ich arbeite mit zwei frames, einem navigation-frame und einem zweiten frame.

Frage:
Wie erreiche ich, dass nach dem anklicken eines links im navigation- frame, dieser sein Bild ändert und auch so lange beibehält, wie die neue Seite im zweiten Frame geladen ist.

Ich habe bis jetzt nur ein hover-script laufen, so dass bei mouseover das Bild des links geändert wird. Bei Mouseout nimmt er aber wieder das alte Bild an.

Ich hoffe es kann mir jemand helfen...

goana

 

[Lethe]

für ein dreistufiges rollover brauchst du eigentlich kein eigenes skript, onmouseover, onmouseout und onclick, gegebenenfalls noch onmousedown können das auch direkt. ersetz das onmouseout durch onclick, und der letzte buttonzustand bleibt erhalten.

 

[goana]

hi lethe,

danke für die Antwort, aber wenn ich das onmouseout durch onclick oder onmousedown ersetze behält der link sein neues Bild, gleichgültig ob der Besucher im Navigations-frame auf andere links geht.
Ich denke, ich muss in das script für onmouseover eine Bedingung einbauen, die prüft, ob sich die entsprechende Datei
im zweiten frame befindet.

Aber wie ....?

 

[.holger]

Du müsstest Das irgendwie so machen:

Wenn einer auf einen Link klickt, dann werden alle anderen Bilder wieder auf das standartbild gesetzt und das wo drauf geklickt wurde wird auf "aktiver-Link-Bild" gesetzt. Ich bastel dein Script mal um

 

[.holger]

<script language="javascript"> 
<!-- 
//Dieses Skript stammt von Michael Mailer´s JavaScripts 
//URL: [url]http://www.webaid.de/js[/url] -- eMail: [email]mm@webaid.de[/email] 
//Bitte entfernen Sie diesen Vermerk nicht ! 
//und bearbeitet von .colin :-) 

Bildertotal = 2;

Normal1 = new Image(); 
Normal1.src = "home1.gif"; 
Highlight1 = new Image(); 
Highlight1.src = "home2.gif"; 

Normal2 = new Image(); 
Normal2.src = "links1.gif"; 
Highlight2 = new Image(); 
Highlight2.src = "links2.gif"; 

function Bildwechsel(Indexnr,Bildobjekt) 
{ 
window.document.images[Indexnr].src = Bildobjekt.src; 
} 

function Linkbild(Indexnr,Bildobjekt) 
{ 
for (i=1;i<=Bildertotal;i++)
{
window.document.images[i].src = Normal[i].src; 
}

window.document.images[Indexnr].src = Bildobjekt.src; 
} 

//--> 
</script> 
</head>

und dann als bild:

<img src="home1.gif" onMouseOver="Bilderwechsel(1,Highlight1);" onMouseOut="Bilderwechsel(1,Normal1);" onClick="Linkbild(1,Highlight1);">

Ich hoffe mal das geht jetzt so (ich habs net getestet)

 

[goana]

vielen Dank für das script, aber es funzt noch nicht.
Es kommt beim Ausführen des Scripts zu folgender Fehlermeldung:

'Normal' undefiniert

Es handelt sich wohl um das "Normal" in der for-schleife....

weiss einer Rat??

danke

 

[.holger]

Zur not ersetz die ganze For-schleife durch:

window.document.images1.src = Normal1.src;
window.document.images2.src = Normal2.src;
...
dadurch setzt Du alle einzeln auf normal

 

[goana]

funzt leider immer noch nicht...

Fehlermeldung erscheint wie folgt:

'window.document.images1.src = Normal1.src' ist kein Objekt

irgend ein heisser tip?