Mouseover von zwei Bildern

C

Cambit

Grünschnabel
Da ist jetzt vielleicht etwas kompliziert. Aber bestimmt kann mir jemand helfen.

Ich habe ein Frameset
leftframe.html
und
mainframe.html

Im Leftframe befindet sich ein Grafisches Menü. Jeder einzelne Button besteht aus zwei Elementen (also zwei Bildern) (Dem Hauptteil mit der Beschriftung und einem kleiner Teil der Animiert ist)

Fährt man über den Hauptteil verändert
1) dieser seine Farbe
und
2) der kleiner Teil bewegt sich

Es werden also zwei Bilder ausgetauscht. Klickt man nun den Button wird im Mainframe eine neue Seite angezeigt.


Hier nun mein Problem

Nach dem klicken soll der Hauptteil des Button in seiner Mouseover Stellung bleiben. So das man sieht wo man sich gerade befindet. Momentan ist es so,das alle Buttons immer gleich aussehen, egal wo man sich gerade befindet.

Kann mir da irgend jemand Helfen???

Und bitte keine Beschuldigungen. Es steht weder in SelfHTML, noch in irgend einem Thread in diesem Forum :-)

Lg
Cambit
 
Mit Code wäre es einfacher zu helfen, da ich noch nicht ganz die Sache mit den Bildertauschs verstehe - wann da einer einsetzt.

Aber generell folgender Ansatz:
Für mouseOver und mouseOut hast du ja sicher EventHandler implementiert - in jedem wird deiner Erklärung nach ein Bild einfach ausgetauscht, bzw. zurückgetauscht.

Setz' doch an der Stelle, an der zurückgesetzt werden soll, einfach eine Abfrage rein, ob eine beliebige Variabe auf true oder auf false gesetzt ist und reagiere erst dann mit nem Wechsel.

Die obige Variable setzt du bspw. nur bei onClick auf true, ansonsten besitzt sie hingegen bspw. den Wert false.

Schon hast du Kontrolle darüber, ob ein Button aktiviert wurde oder nicht.

hth,
Geist
 
Hier ist der Code

Hey Geist,
erstmal Danke für die schnelle Antwort.

Hier ist der Code:
in den Head Bereich:
---
<Script language="JavaScript">
<!--
browser_name = navigator.appName;
browser_version = parseFloat(navigator.appVersion);
if (browser_name == "Netscape" && browser_version >= 3.0)
{ roll = 'true'; }
else if (browser_name == "Microsoft Internet Explorer" && browser_version >= 4.0)
{ roll = 'true'; }
else { roll = 'false'; }
if (roll == 'true') {
over01=new Image();over01.src="buttonroh.gif";
over02=new Image();over02.src="pfeilroh.gif";
over03=new Image();over03.src="buttonover.gif";
over04=new Image();over04.src="pfeil.gif";
}



function msover2(img1,ref1,img2,ref2) {if (roll == 'true')
{document.images[img1].src = ref1; document.images[img2].src = ref2; }}


function msout2(img1,ref1,img2,ref2) {if (roll == 'true')
{document.images[img1].src = ref1; document.images[img2].src = ref2; }}

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

und in den Body Bereich für jeden Button:

---
<td><A HREF="home.html" target="_mainFrame"
onMouseOver="msover2('Buttonroh',over03.src,'Pfeilroh',over04.src);"

onMouseOut="msout2('Buttonroh',over01.src,'Pfeilroh',over02.src);">
<img src="buttonroh.gif" height="22" width="122" alt="Linkbutton" border="0" name="Buttonroh"></td>
<td><img src="pfeilroh.gif" height="22" width="23" border="0"

name="Pfeilroh"></td>
---

Kannst du mir da weiterhelfen?

lg
Cambit
 
Versuch's mal bitte mit folgendem Hyperlink-Code:
PHP: 
<a href="home.html" target="_mainFrame" onMouseOver="msover2('Buttonroh',over03.src,'Pfeilroh',over04.src);" onClick="active = true;" onMouseOut="if (active == false) msout2('Buttonroh',over01.src,'Pfeilroh',over02.src);"><img src="buttonroh.gif" height="22" width="122" alt="Linkbutton" border="0" name="Buttonroh"><img src="pfeilroh.gif" height="22" width="23" border="0" name="Pfeilroh">
nachdem du im <head>-Tag einfach mal noch folgendes machst:
PHP: 
var active = false;
Ungetestet, aber entspricht so vom Augenschein her meinem Gedanken.

hth,
Geist
 
Super

Ja funktioniert fast genau wie ich es haben wollte! Danke!!!

Aber eine Sache noch:
Da es sich um mehrere Buttons handelt sollten die sich nachdem einer active ist und man auf einen anderen geht, der Erste wieder in den Ausgangszustand zurückverwandeln. Sonst sind ja am ende alle im Mouseover Status.

Kannst du mir da nochmal helfen.

lg
Cambit
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück