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

---

<!--#include file="../inc/navstuff.asp" -->
Om man vill kan man även manipulera annat än bilder med mouse rollover. I detta exempel modifierar jag även tebellraders bakgrundsfärg i rollovern...
<p>
Koden bygger på föregående exempel. Ändringar med fetstil:<p>
<div class=code>
<script language="JavaScript"><br>
<!--<br>
<b>var oldCol;</b><br>
if (document.images)<br>
{<br>
    pil = new Image(10,10);<br>
    pil.src = "pil.gif";<br>
    boll = new Image(10,10);<br>
    boll.src = "boll.gif";<br>
}<br><br>

function doOverNav( vilken, texten ) <br>
{<br>
    if (document.images)<br>
        document.images[vilken].src = pil.src;<br>
    showStatus( texten );<br>
    <b>if(document.all) <br>
    {<br>
        tt = eval(vilken + '_TD');<br>
        oldCol = tt.style.backgroundColor;<br>
        tt.style.backgroundColor = "#BFE0EF";<br>
    }</b><br>
}<br>
<br>
function doOutNav( vilken ) <br>
{<br>
    if (document.images)<br>
        document.images[vilken].src = boll.src;<br>
    showStatus( '' );<br>
    <b>if(document.all) <br>
    {<br>
        tt = eval(vilken + '_TD');<br>
        tt.style.backgroundColor = oldCol;<br>
    }</b><br>

}<br>
<br>
function showStatus( text )<br>
{<br>
    // finns en bug i IE 4.an som gör att vi måste vänta lite<br>
    // innan vi sätter statustexten (en millisekund räcker)<br>
    window.setTimeout( "window.status='" + text + "'", 1 );<br>
}<br>
<br>
//--><br>
</script><br><br>
<b><table><br>
<tr ID="bild1_TD"><br>
<td><br></b>
<img name="bild1" src="boll.gif" width=10 height=10 border=0><br>
<b></td><br>
<td><br></b>
<a href="http://www.somewhere.com" <br>
    onmouseover="doOverNav('bild1', 'En verkligt fin och bra site')" <br>
    onmouseout="doOutNav('bild1')"><br>
En länk till nån sida....<br>
</a><br>
<b></td><br>
</tr><br>
<tr ID="bild2_TD"><br>
<td><br></b>
<img name="bild2" src="boll.gif" width=10 height=10 border=0><br>
<b></td><br>
<td><br></b>
<a href="http://www.somewhat.com" <br>
    onmouseover="doOverNav('bild2', 'En verkligt hemsk site')"<br>
    onmouseout="doOutNav('bild2')"><br>
En länk till nån annan sida....<br>
</a><br>
<b></td><br>
</tr><br>
</table><br></b>
<p>

</div>
<p>
<br>
<SCRIPT  language="JavaScript">
<!--
var oldColXX;
if (document.images)
{
     pil = new Image(10,10);
     pil.src = "pil.gif";
     boll = new Image(10,10);
     boll.src = "boll.gif";
}

function doOverNavXX( vilken, texten )
{
     if (document.images)
         document.images[vilken].src = pil.src;
     showStatus( texten );
     if(document.all)
     {
         tt = eval(vilken + '_TD');
         oldColXX = tt.style.backgroundColor;
         tt.style.backgroundColor = "#BFE0EF";
     }
}

function doOutNavXX( vilken )
{
     if (document.images)
         document.images[vilken].src = boll.src;
     showStatus( '' );
     if(document.all)
     {
         tt = eval(vilken + '_TD');
         tt.style.backgroundColor = oldColXX;
     }
}

function showStatus( text )
{
     // finns en bug i IE 4.an som gör att vi måste vänta lite
     // innan vi sätter statustexten (en millisekund räcker)
     window.setTimeout( "window.status='" + text + "'", 1 );
}

//-->
</SCRIPT>

<table>
<tr ID="bild1_TD">
<td>
<img name="bild1" src="boll.gif" width=10 height=10 border=0>
</td>
<td>
<a href="javascript:alert('hepp');"
     onmouseover="doOverNavXX('bild1', 'En verkligt fin och bra site')"
     onmouseout="doOutNavXX('bild1')">
En länk till nån sida....
</a>
</td>
</tr>
<tr ID="bild2_TD">
<td>
<img name="bild2" src="boll.gif" width=10 height=10 border=0>
</td>
<td>
<a href="javascript:alert('hepp');"
     onmouseover="doOverNavXX('bild2','En verkligt hemsk site')"
     onmouseout="doOutNavXX('bild2')">
En länk till nån annan sida....
</a>
</td>
</tr>
</table>
Om namnet på antingen TR eller TD är samma som bilden fast med "_TD" i slutet så
kommer denna att byta färg. <P>
Detta fungerar inte med NS (går att fixa men jag skiter i NS)
<!--#include file="../inc/footer.asp" -->