Källkoden för /anders.enges/html/js4.asp

---

<!--#include file="../inc/navstuff.asp" -->
Om man har en lista med länkar och vill markera den som man har musen ovanpå kan man göra följande
<p>
Sätt in följande kod i HTML dokumentet:<p>
<div class=code>
<script language="JavaScript"><br>
<!--<br>
if (document.images)<br>
{<br>
    <b>pil</b> = new Image(<b>10</b>,<b>10</b>);<br>
    <b>pil</b>.src = "<b>pil.gif</b>";<br>
    <b>boll</b> = new Image(<b>10</b>,<b>10</b>);<br>
    <b>boll</b>.src = "<b>boll.gif</b>";<br>
}<br><br>
function doOverNav( vilken ) <br>
{<br>
    if (document.images)<br>
        // sätt bilden till den bild som finns i den variabel<br>
        document.images[vilken].src = pil.src;<br>
}<br>
<br>
function doOutNav( vilken ) <br>
{<br>
    if (document.images)<br>
        // sätt bilden till den bild som finns i den variabel<br>
        // som har samma namn som parametern<br>
        document.images[vilken].src = boll.src;<br>
}<br>
<br>
//--><br>
</script><br><br>
<img name="<b>bild1</b>" src="boll.gif" width=10 height=10 border=0><br>
<a href="http://www.somewhere.com" <br>
    <b>onmouseover="doOverNav('bild1')"</b> <br>
    <b>onmouseout="doOutNav('bild1')"</b>><br>
En länk till nån sida....<br>
</a><br>
<br><br>
<img name="<b>bild2</b>" src="boll.gif" width=10 height=10 border=0><br>
<a href="http://www.somewhat.com" <br>
    <b>onmouseover="doOverNav('bild2')"</b> <br>
    <b>onmouseout="doOutNav('bild2')"</b>><br>
En länk till nån annan sida....<br>
</a><p>
</div>
<p>
<br>
<SCRIPT  language="JavaScript">
<!--
if (document.images)
{
     pil = new Image(10,10);
     pil.src = "pil.gif";
     boll = new Image(10,10);
     boll.src = "boll.gif";
}

function doOverNavXX( vilken )
{
     if (document.images)
         // sätt bilden till den bild som finns i den variabel
         document.images[vilken].src = pil.src;
}

function doOutNavXX( vilken )
{
     if (document.images)
         // sätt bilden till den bild som finns i den variabel
         // som har samma namn som parametern
         document.images[vilken].src = boll.src;
}

//-->
</SCRIPT>
Detta börjar se ut så här:<p>
<img name="bild1" src="boll.gif" width=10 height=10 border=0>
<a href="javascript:alert('bara en demo');"
     onmouseover="doOverNavXX('bild1')"
     onmouseout="doOutNavXX('bild1')">
      En länk till nån sida....
</a>
<br>
<img name="bild2" src="boll.gif" width=10 height=10 border=0>
<a href="javascript:alert('bara en demo');"
     onmouseover="doOverNavXX('bild2')"
     onmouseout="doOutNavXX('bild2')">
      En länk till nån annan sida....
</a>
<p>
Observera att någon av bilderna kan även vara en tom (transparent) bild...
<!--#include file="../inc/footer.asp" -->