aktive buttons? - DDL-Board

**Zaranoit** · 08.07.2007

Hi,
Baue grade eine Homepage auf und habe onmouseover und onmouseout verwendet.
Weiß nur nicht, ob es noch einen Befehl gibt, dass ein Button anders aussieht, wenn man ihn auf ihn klickt, bis man auf einen anderen klickt. (Damit man immer wieß, auf wlecher Seite man sich grade befindet).
Habe zwar etwas im Internet gefunden, aber das macht mir zuviel Mühe, das ganze nochmal anders zu schreiben, da mouseover und -out ja schon stehen. Wie löse ich das Problem?
Der Code:

Code:

<html>
<head>

<script language="JavaScript">
<!--
function BilderVorladen()
{
    document.Vorladen = new Array();
 
    if(document.images)
    {
        for(var i = 0; i < BilderVorladen.arguments.length; i++)
        {
            document.Vorladen[i] = new Image();
            document.Vorladen[i].src = BilderVorladen.arguments[i];
        }
    }
}
//-->
</script>
<script language="JavaScript">
<!-- Begin

image1 = new Image;
image1.src = "home1.gif";

image2 = new Image;
image2.src = "home.gif";
image3 = new Image;
image3.src = "band1.gif";

image4 = new Image;
image4.src = "band.gif";
image5 = new Image;
image5.src = "dates1.gif";

image6 = new Image;
image6.src = "dates.gif";
image7 = new Image;
image7.src = "songs1.gif";

image8 = new Image;
image8.src = "songs.gif";
image9 = new Image;
image9.src = "gallery1.gif";

image10 = new Image;
image10.src = "gallery.gif";
image11 = new Image;
image11.src = "contact1.gif";

image12 = new Image;
image12.src = "contact.gif";
image13 = new Image;
image13.src = "guestbook1.gif";

image14 = new Image;
image14.src = "guestbook.gif";
image15 = new Image;
image15.src = "impressum1.gif";

image16 = new Image;
image16.src = "impressum.gif";
image17 = new Image;
image17.src = "disclaimer1.gif";

image18 = new Image;
image18.src = "disclaimer.gif";

// End -->
</script>

</head>
<body bgcolor="#000000" onLoad="BilderVorladen('home1.jpg',
'band1.gif','dates1.gif','songs1.gif','gallery1.gif','contact1.gif',
'guestbook1.gif','impressum1.gif','disclaimer1.gif');">
<br>
&nbsp <a href="home.html" target="main"
onMouseOver="button01.src=image1.src"
onMouseOut="button01.src=image2.src"> 
 <img src="home.gif" width="85%" align="center" name="button01"></a>
<br>
&nbsp <a href="band.html" target="main"
onMouseOver="button02.src=image3.src"
onMouseOut="button02.src=image4.src">
 <img src="band.gif" width="85%" align="center" name="button02"></a>
<br>
&nbsp <a href="dates.html" target="main"
onMouseOver="button03.src=image5.src"
onMouseOut="button03.src=image6.src">
 <img src="dates.gif" width="85%" align="center" name="button03"></a>
<br>
&nbsp <a href="songs.html" target="main"
onMouseOver="button04.src=image7.src"
onMouseOut="button04.src=image8.src">
 <img src="songs.gif" width="85%" align="center" name="button04"></a>
<br>
&nbsp <a href="gallery.html" target="main"
onMouseOver="button05.src=image9.src"
onMouseOut="button05.src=image10.src">
 <img src="gallery.gif" width="85%" align="center" name="button05"></a>
<br>
&nbsp <a href="contact.html" target="main"
onMouseOver="button06.src=image11.src"
onMouseOut="button06.src=image12.src">
 <img src="contact.gif" width="85%" align="center" name="button06"></a>
<br>
&nbsp <a href="guestbook.html" target="main"
onMouseOver="button07.src=image13.src"
onMouseOut="button07.src=image14.src">
 <img src="guestbook.gif" width="85%" align="center" name="button07"></a>
<br>
&nbsp <a href="impressum.html" target="main"
onMouseOver="button08.src=image15.src"
onMouseOut="button08.src=image16.src">
 <img src="impressum.gif" width="85%" align="center" name="button08"></a>
<br>
&nbsp <a href="disclaimer.html" target="main"
onMouseOver="button09.src=image17.src"
onMouseOut="button09.src=image18.src">
 <img src="disclaimer.gif" width="85%" align="center" name="button09"></a>

Danke!

zaranoit