Andi: Problem mit Variablen und onclick

SELF-Forum

Problem mit Variablen und onclick

Andi Homepage des Autors
– Informationen zu den Bewertungsregeln

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!

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Problem mit Variablen und onclick

    Danny Lupo Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi Leute!

    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.

    Hallo!
    mein Tipp:
    schalte ne If-Abfrage!

    bei onmouseover und onmouseout schaltest gehst du erst in eine funktion abfragt, ob eine bestimmte Variable, die dafür steht, ob der link schon angeklickt wurde oder nicht, wahr oder falsch ist.
    wenn sie falsch ist, leitest du auf die normalen funktionen weiter, und wenn sie wahr ist, dann wechselst du das Bild nicht.
    Ich würd vorschlagen, dass jedes bild eine Variable hat.

    Hoffe, es hilft dir, der Danny

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln