Andi: Problem mit Variablen und onclick

Beitrag lesen

Hi Leute!

Ich habe folgendes Problem.

Ich habe auf meiner Seite http://www.schiclub-neuhofen.at beim Navigationsmenü links eine Mouseover-Funktion eingebaut.

Jetzt möchte ich gerne, dass wenn ich auf einen Punkt klicke, dass dieses Bild "stehen" bleibt, also, dass die mouseout-Funktion nicht mehr ausgeführt wird.

Ich vermute mal, dass das mit Variablen gehen soll - aber ich habe leider keine Ahnung.

Könnte mir irgendjemand helfen bitte, wie ich das anpacken soll?

Das Script sieht so aus (sieht man auch auf der Seite im Quelltext).

<SCRIPT type="text/javascript">
var imgNames = new Array();
var imgArray = new Array();
function setToLoadImg(imgName){var _ret=-1;imgNames[_ret=(imgNames.length?imgNames.length:0)] = imgName;return (_ret);}
function loadImgs() {for(var i=0;i<imgNames.length;i++){imgArray[i]=new Image();imgArray[i].src = imgNames[i];}}
function si(imgName,imgNum){imgName.src=imgNames[imgNum];}

var img1  = setToLoadImg("mouseover/sunshine.gif");
var img2  = setToLoadImg("mouseover/blank.gif");

var img3  = setToLoadImg("mouseover/deepsnow.gif");
var img4  = setToLoadImg("mouseover/blank.gif");

var img5  = setToLoadImg("mouseover/feelfree.gif");
var img6  = setToLoadImg("mouseover/blank.gif");

var img7  = setToLoadImg("mouseover/kids.gif");
var img8  = setToLoadImg("mouseover/blank.gif");

var img9  = setToLoadImg("mouseover/landscape.gif");
var img10 = setToLoadImg("mouseover/blank.gif");

var img11  = setToLoadImg("mouseover/skijump.gif");
var img12 = setToLoadImg("mouseover/blank.gif");

var img13  = setToLoadImg("mouseover/snowboard.gif");
var img14 = setToLoadImg("mouseover/blank.gif");

var img15  = setToLoadImg("mouseover/wald.gif");
var img16 = setToLoadImg("mouseover/blank.gif");

var img17  = setToLoadImg("mouseover/vegerl.gif");
var img18 = setToLoadImg("mouseover/blank.gif");

</SCRIPT>

</head>

<body leftmargin=0 topmargin=0 background="images/verlauf.gif" onload="loadImgs()">

<br>

<TABLE BORDER="0" WIDTH="100%" cellpadping="0" cellspacing="0" height="90%">

<TR>
<TD WIDTH="100%" class="menu">
<IMG SRC="mouseover/blank.gif" ALIGN="BOTTOM" BORDER="0" name="aam">
<A HREF="main.cfm?reiter=Aktuell" target="Hauptframe"
   onmouseout="si(document.aam,img2)"
   onmouseover="si(document.aam,img1)">Home</A>
</TD>
</TR>

<TR>
<td width="100%" class="menu">
<IMG SRC="mouseover/blank.gif" ALIGN="BOTTOM" BORDER="0" name="c2">

<A HREF="termine.cfm?reiter=Termine" target="Hauptframe"
   onmouseout="si(document.c2,img4)"
   onmouseover="si(document.c2,img3)">Termine</A></td>
</TR>
<tr >
<TD WIDTH="100%" class="menu">

<IMG SRC="mouseover/blank.gif" ALIGN="BOTTOM" BORDER="0" name="c3">
<A HREF="rennlauf.cfm?reiter=Rennlauf" target="Hauptframe"
   onmouseout="si(document.c3,img6)"
   onmouseover="si(document.c3,img5)">Rennlauf</A></TD>
</TR>
<TR>
<TD WIDTH="100%" class="menu">
<IMG SRC="mouseover/blank.gif" ALIGN="BOTTOM" BORDER="0" name="links">
<A HREF="trockentraining.cfm?reiter=Trockentraining" target="Hauptframe"
   onmouseout="si(document.links,img8)"
   onmouseover="si(document.links,img7)">Trockentraining</A></TD>
</TR>
<TR>
<TD WIDTH="100%" class="menu">
<IMG SRC="mouseover/blank.gif" ALIGN="BOTTOM" BORDER="0" name="java">
<A HREF="mitgliedschaft.cfm?reiter=Mitgliedschaft" target="Hauptframe"
   onmouseout="si(document.java,img10)"
   onmouseover="si(document.java,img9)">Mitgliedschaft</A>
</TD>
</TR>

<TR>
<TD WIDTH="100%" class="menu">
<IMG SRC="mouseover/blank.gif" ALIGN="BOTTOM" BORDER="0" name="verstappen">
<A HREF="organisation.cfm?reiter=Verein-Intern" target="Hauptframe"
   onmouseout="si(document.verstappen,img12)"
   onmouseover="si(document.verstappen,img11)">Verein-Intern</A>
</TD>
</TR>

<TR>
<TD WIDTH="100%" class="menu">
<IMG SRC="mouseover/blank.gif" ALIGN="BOTTOM" BORDER="0" name="truli">
<A HREF="galerie/frameset.htm?reiter=Galerie" target="Hauptframe"
   onmouseout="si(document.truli,img14)"
   onmouseover="si(document.truli,img13)">Galerie</A>
</TD>
</TR>

<TR>
<TD WIDTH="100%" class="menu">
<IMG SRC="mouseover/blank.gif" ALIGN="BOTTOM" BORDER="0" name="test">
<A HREF="links.cfm?reiter=Links" target="Hauptframe"
   onmouseout="si(document.test,img16)"
   onmouseover="si(document.test,img15)">Links</A>
</TD>
</TR>

Wäre echt nett. Danke!