[JavaScript] Timeout kent var x niet - Softwareontwikkeling

maandag 1 april 2002 13:35

Acties:

freedom.

Topicstarter

Ik heb dit scriptje:

code:

function a(x)
{
        x.bgColor='D3C6BA';
        setTimeout("x.bgColor='FFFFFF';",1500);
}

Dat wordt gebruikt bij een <td> met onmouseover="a(this)"
De cel wordt dan wel #D3C6BA, maar bij de timeout krijg ik de fout:
Fout: 'x' niet gedefinieerd

Waarom kent die timeout 'x' niet? En hoe laat ik hem herkennen

edit:
zoiets werkt ook niet:

code:

function a(x)
{
        var blaat = x;
        blaat.bgColor='D3C6BA';
        setTimeout("blaat.bgColor='FFFFFF';",1500);
}

maandag 1 april 2002 14:05

Acties:

Clay

cookie erbij?

die x is geen globale var, en is dus weg direct nadat die timeout geset is. wat je kan doen is dus wel een globale var gebruiken, maar dat gaat zwaar in de soep lopen als je dat met mouseovers op tablecellen doet. ik zou dus gewoon die timeout eruit halen en een mouseout gebruiken om de kleur terug te zetten.

Instagram | Flickr | "Let my music become battle cries" - Frédéric Chopin

maandag 1 april 2002 14:09

Acties:

creative8500

freedom.

Topicstarter

Oké. Dan maar gewoon ook een onmouseout="b(x)".
Tenzij iemand anders nog een betere oplossing heeft

maandag 1 april 2002 15:00

Acties:

Clay

cookie erbij?

code:

<html>
<head>
<style type="text/css">
body,div,td {font-family:tahoma; font-size:10px;}
</style>
<script language="javascript">

function colorMe(id, color) {
    var obj = document.getElementById(id);
    obj.style.backgroundColor = color || 'white';

    if(obj.timer) clearTimeout(obj.timer);
    if(color) obj.timer = setTimeout("colorMe('"+id+"')", 200)
}

</script>
</head>
<body>

<table border=0 cellpadding=1 cellspacing=1>
<tr><td id="ding1" onmouseover="colorMe('ding1','silver')"> lorem bladie </td></tr>
<tr><td id="ding2" onmouseover="colorMe('ding2','silver')"> lorem bladie </td></tr>
<tr><td id="ding3" onmouseover="colorMe('ding3','silver')"> lorem bladie </td></tr>
<tr><td id="ding4" onmouseover="colorMe('ding4','silver')"> lorem bladie </td></tr>
<tr><td id="ding5" onmouseover="colorMe('ding5','silver')"> lorem bladie </td></tr>
</table>

</body>
</html>

maar ik vind een mouseout zelf "beter", is gewoon duidelijker.

Instagram | Flickr | "Let my music become battle cries" - Frédéric Chopin