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

---

<!--#include file="../inc/navstuff.asp" -->
Det dumma med föregående exempel är att bildens namn är "hårdkodad" i funktionen. Detta
gör att den bara fungerar för en bild<p>
Om man har lie fler bider kan man istället använda 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>bild1</b> = new Image(<b>24</b>,<b>18</b>);<br>
    <b>bild1</b>.src = "<b>bild.gif</b>";<br>
    <b>bild1_a</b> = new Image(<b>24</b>,<b>18</b>);<br>
    <b>bild1_a</b>.src = "<b>bild_upp.gif</b>";<br>
<br>
    <b>bild2</b> = new Image(<b>24</b>,<b>18</b>);<br>
    <b>bild2</b>.src = "<b>bild2.gif</b>";<br>
    <b>bild2_a</b> = new Image(<b>24</b>,<b>18</b>);<br>
    <b>bild2_a</b>.src = "<b>bild2_upp.gif</b>";<br>
<br>
    <b>bild3</b> = new Image(<b>24</b>,<b>18</b>);<br>
    <b>bild3</b>.src = "<b>bild3.gif</b>";<br>
    <b>bild3_a</b> = new Image(<b>24</b>,<b>18</b>);<br>
    <b>bild3_a</b>.src = "<b>bild3_upp.gif</b>";<br>

}<br><br>
function doOver( 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 men med ett "_a" efter<br>
        document.images[vilken].src = eval(vilken + "_a.src");<br>
}<br>
<br>
function doOut( 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 = eval(vilken + ".src");<br>
}<br>
<br>
//--><br>
</script><br><br>
<a href="http://www.somewhere.com" <br>
    <b>onmouseover="doOver('bild1')"</b> <br>
    <b>onmouseout="doOut('bild1')"</b>><br>
<img name="<b>bild1</b>" src="bild.gif" width=24 height=18 border=0><br>
</a><br /><br />
<a href="http://www.somewhat.com" <br>
    <b>onmouseover="doOver('bild2')"</b> <br>
    <b>onmouseout="doOut('bild2')"</b>><br>
<img name="<b>bild2</b>" src="bild.gif" width=24 height=18 border=0><br>
</a><br /><br />
<a href="http://www.sometimes.com" <br>
    <b>onmouseover="doOver('bild3')"</b> <br>
    <b>onmouseout="doOut('bild3')"</b>><br>
<img name="<b>bild3</b>" src="bild.gif" width=24 height=18 border=0><br>
</a>
</div>
<p>
Till skillnad mot föregående exempel så säger vi här VILKEN bild det är frågan om genom att ange detta som en parameter till javascript funktionen.

<!--#include file="../inc/footer.asp" -->