✔ Button bereits aktiv!

[wavetraxx]

Hallo miteinander,

also den onmousover/out hatten wir bereits mehrmals in dem Forum! Aber was ich nicht gefunden habe, dass ein Button beim Laden der Seite bereits auf Aktiv ist!

Ich habe folgende Buttons:

Button01_Normal.gif
Button01_Mouseover_und_Aktiv.gif

Button02_Normal.gif
Button02_Mouseover_und_Aktiv.gif

Mein Ziel ist folgendes:

Wenn ich also die Seite öffne, dann wird der Button01 bereits als Button01_Mouseover_und_Aktiv.gif geladen!
Alle anderen Buttons werden aber Standart auf "normal" gesetzt! Also nur 1 Button, der bereits Aktiv ist!

Gibt es da irgend eine Möglichkeit?

Bin um jeden Tipp dankbar!

 

[Sven Mintel]

Rufe beim onload des Dokumentes die Funktion, die den Zustand der Buttons ändert, mit den nötigen Parametern auf...dann wird es auch gehen.

 

[wavetraxx]

Vielen Dank für die schnell Antwort!

Nur kenn ich mich mit dem Javascript nur sehr schlecht aus!

Anbei mal der Code den ich bis jetzt habe!

<script languague="JavaScript">
<!--
if(top.frames.length < 1) {
top.location.href="index.htm";}

if (document.images) {
bild1 = new Image(); bild2 = new Image();
bild3 = new Image(); bild4 = new Image();
bild5 = new Image(); bild6 = new Image();

bild1.src = "images/Neuheiten01_Normal.gif"; 
bild2.src = "images/Neuheiten02_Mouseover_und_Aktiv.gif";
bild3.src = "images/shop01_Normal.gif"; 
bild4.src = "images/shop02_Mouseover_und_Aktiv.gif"; 
bild5.src = "images/firma01_Normal.gif.gif"; 
bild6.src = "images/firma02_Mouseover_und_Aktiv.gif"; 
		}					
function bildwechsel ( Originalbild, Wechselbild ) {

        if (document.images) {
        if (document.layers) {
        document.ebene1.document.images[Originalbild].src = Wechselbild.src;}    
	 	else
	 	{document.images[Originalbild].src = Wechselbild.src;}
	 	}
}

//-->

</script>

Somit sollte eigentlich immer der "mouseover" ein anderes Bild anzeigen!

Aber das bereits gedrückte (Aktiv) und das "Onload" fehlt hier noch...

Wie lautet da der Code damit auch das angewählte so bleibt (Aktiv) und beim Laden der Seite der Button "Neuheiten02_Mouseover_und_Aktiv.gif" auch bereits aktiviert ist?

Bin um jeden Tipp dankbar!

 

[wavetraxx]

Also ich hab inzwischen was brauchbares hingekriegt.

Anbei der Code für alle die das gleiche Problem haben:

 <script language="JavaScript">

if (navigator.appVersion.indexOf("2.") != -1){
        check = false;
        }
if ((navigator.appVersion.indexOf("3.") != -1) && (navigator.appName.indexOf("Explorer") != -1)){
        check = false;
        }
else {
        check = true;
        }
if (check == true){
        image1 = new Image();
        image1.src = "images/NeuesDesign/neu2.gif";
        image1on = new Image();
        image1on.src = "images/NeuesDesign/neu1.gif";
        image1stay = new Image();
        image1stay.src = "images/NeuesDesign/neu1.gif";

        image2 = new Image();
        image2.src = "images/NeuesDesign/shop2.gif";
        image2on = new Image();
        image2on.src = "images/NeuesDesign/shop1.gif";
        image2stay = new Image();
        image2stay.src = "images/NeuesDesign/shop1.gif";

        image3 = new Image();
        image3.src = "images/NeuesDesign/Firma2.gif";
        image3on = new Image();
        image3on.src = "images/NeuesDesign/Firma1.gif";
        image3stay = new Image();
        image3stay.src = "images/NeuesDesign/Firma1.gif";

        image4 ...........................
        image5 ........................... etc
		

}

imageStay = ""

function imageon(name){
        if (imageStay != name){
                document[name].src = eval(name + "on.src");
        }
}
function imageoff(name){
        if (imageStay != name){
                document[name].src = eval(name + ".src");
        }
}

function on(name){
        if (check == true){
        imageon(name);
        }
}
function off(name){
        if (check == true){
        imageoff(name);
        }
}

function stay(name){
        if (check == true){
        document[name].src = eval(name + "stay.src");
        if (imageStay != name){
                if (imageStay != ""){
                        document[imageStay].src = eval(imageStay + ".src");
                }
        }
        imageStay = name
        }
}
// -->

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>

und bei den einzelnen Bilder folgender Code:

<a href="hier_Bild_link" onMouseOver="on('image1');" onMouseOut="off('image1');" onClick="stay('image1');" onFocus="if(document.all) this.blur()"><img border="0" name="image1" src="Hier_das_Bild.gif" alt="Neuheiten" ></a>^

<a href="hier_Bild2_link" onMouseOver="on('image2');" onMouseOut="off('image2');" onClick="stay('image2');" onFocus="if(document.all) this.blur()"><img border="0" name="image2" src="Hier_das_Bild2.gif" alt="Neuheiten" ></a>

<a href="hier_Bild3_link" onMouseOver="on('image3');" ..........

Das ganze als Quellcode findet ihr hier:

http://www.toptem.ch

Gruss und Dank