Hilfe! 3 Zustände von Graphiken im Menü
Nicola Schneider
- javascript
Hallo Leute!
Ich habe mir aus Self-Html den Artikel durchgelssen, wie man dynamische Buttons macht.
Es klappt auch wunderbar, bis auf den Mac 4...
Der Stellt einfach die Links nichtmehr als Links dar und macht auch das Mouse out nicht. Aber warum nur der? IE macht es wunderbar!
Hier der Code:
-----Java Script Teil-------
// Funktion fuer Subnavigation
var inaktiv="sub_menue0";
var bildnrstr = "0";
function wechsel(bildnr,zustand,bild2)
{
bildname = "over"+bildnr;
if (inaktiv!=bildname)
{
if (zustand==1) {
document[bildname].src = "../../_img/1_"+ bildnr +"sub_nav_over_on.gif";
}
if (zustand==2) {
//alert ("jes");
document[bildname].src = "../../_img/ABB2D6_1x1.gif";
}
if (zustand==3) {
//document[bildname].src = "../../_img/ABB2D6_1x1.gif";
document[inaktiv].src = "../../_img/1_"+ bildnrstr +"sub_nav_off.gif";
document[bild2].src = "../../_img/1_"+ bildnr +"sub_nav_on.gif";
inaktiv=bild2;
bildnrstr=bildnr;
}
}
return true;
}
---------------------im HTML Teil.............
<a href="../../content/content.html" target="content" onMouseOver="wechsel(1,1,'sub_menue1')" onMouseOut="wechsel(1,2,'sub_menue1');" onClick="wechsel(1,3,'sub_menue1')"><img src="../../_img/1_1sub_nav_off.gif" width=134 height=16 border=0 alt="sub_menue1" name="sub_menue1"></a>
Ach so ich habe das Beispiel etwas abgewandelt weil nicht die Graphik wo man mit der Maus drübergeht sich austauscht, sondern eine andere, aber daran sollte es doch nicht liegen oder???
Bitte helft mir....
hi nicola,
ehrlich gesagt, dein script sieht für mich etwas umständlich aus, auch wenn es mit wenig definitionen auskommt. probier doch vielleicht mal folgendes, das sollte auf Mac auf gehen:
script-teil:
// img-definitionen
img1on = new Image(); img1on.src = "pics/pfeil_oben.gif";
img2on = new Image(); img2on.src = "pics/pfeil_oben_1.gif";
...usw...
//bildwechsel
function img_act(imgName,picName) {
if (isNN || isIE || isGecko) {
imgOn = eval(imgName + "on.src");
document [picName].src = imgOn;
}
}
isNN, isIE, isGecko steht für die DOM-varianten
html-teil:
<A HREF="#" class="footerlink" onMouseOver="javascript:img_act('img1','back')" onMouseOut="javascript:img_act('img1','back')">
<IMG SRC="pics/pfeil_links.gif" WIDTH="14" HEIGHT="14" BORDER=0 ALT="zurück" name="back"> zurück</a>
picName wird über das name-attribut im html zugewiesen, damit die zuordung eindeutig ist.
das sieht im ersten moment viel komplizierter aus als es ist...
vielleicht hilft dir das ja...
cu oli
Hm das arbeitet ja im Prinzip genauso.
Hat aber die Möglichkeiten des Wechseln einer Graphik an einer anderen Stelle...
Und ein "sollte auch auf dem Mac funktionieren" hilft mir nicht wirklich...