[JS] setInterval blijft niet loopen in IE

[nickman]

Ik heb een stukje code geschreven om de achtegrondkleur van een element te laten faden.
dit werkt perfect in FF en Opera normaalgezien ook, maar in IE blijft mijn setInterval niet loopen...

Iemand enig idee hoe ik die kan oplossen?

JavaScript: file.js

        function fadeRed(targetid) {
            var currElem = document.getElementById(targetid);
            
            if (currElem) {
                var color = currElem.style.backgroundColor;
                color = color.substring(4,color.length - 1);
                colorArray = color.split(",");
    
                var R = parseInt(colorArray[0]);
                var G = parseInt(colorArray[1]);
                var B = parseInt(colorArray[2]);
    
                if (G < 255) {
                    G = G + 15;
                    var hexcolor = RGBtoHex(255,G,G);
                    
                    currElem.style.backgroundColor = hexcolor;
                } else {
                    clearInterval(TEMP[targetid]);
                }
            } else {
                alert("element niet gevonden met id : "+ targetid);
            }
        }

        function handleUpdate(content) {
            if (content != "false") {
                var values = content.split(":");
                var id = values[0];

                document.getElementById(id +"_add").disabled = false;
                document.getElementById(id +"_sub").disabled = false;
                var currElement = document.getElementById(id);


                if (currElement.value > values[1]) {
                    currElement .style.backgroundColor = "FF0000";
                    
                    TEMP[id] = setInterval("fadeRed('"+id+"')", 5);
                } else {
                    currElement .style.backgroundColor = "00FF00";
                    TEMP[id] = setInterval("fadeGreen('"+id+"')", 5);
                }                   

                currElement .value = values[1];
                
            } else {
                alert("Er is iets mis gelopen!");
            }
        }

fadeRed is nagenoeg identiek aan fadeGreen, TEMP is een array die ik bijhoud aangezien een meerdere elementen zijn die tegelijk kunnen faden.

greetz!

[Bozozo]

Je kunt een interval beter zo instellen:

JavaScript:

var timerid = setInterval(function(){ somefunction(arg1,arg2) },delay);

function somefunction(a,b) {
  ...
}

Misschien helpt dat.

[nickman]

Heb het aangepast naar

code:

        function fadeGreen(targetid) {
            alert("YAY, id : "+ targetid);
            var currElem = document.getElementById(targetid);
            
            if (currElem) {
                var color = currElem.style.backgroundColor;
                color = color.substring(4,color.length - 1);
                colorArray = color.split(",");
    
                var R = parseInt(colorArray[0]);
                var G = parseInt(colorArray[1]);
                var B = parseInt(colorArray[2]);
    
                if (R < 255) {
                    R = R + 15;
                    var hexcolor = RGBtoHex(R,255,R);
                    
                    currElem.style.backgroundColor = hexcolor;
                } else {
                    clearInterval(TEMP[targetid]);
                }
            } else {
                alert("element niet gevonden met id : "+ targetid);
            }
        }

        function handleUpdate(content) {
            if (content != "false") {
                var values = content.split(":");
                var id = values[0];

                document.getElementById(id +"_add").disabled = false;
                document.getElementById(id +"_sub").disabled = false;
                var currElement = document.getElementById(id);


                if (currElement.value > values[1]) {
                    currElement .style.backgroundColor = "FF0000";
                    
                    TEMP[id] = setInterval(function(){ fadeRed(id); }, 5);
                } else {
                    currElement .style.backgroundColor = "00FF00";
                    TEMP[id] = setInterval(function(){ fadeGreen(id); }, 5);
                }                   

                currElement .value = values[1];
                
            } else {
                alert("Er is iets mis gelopen!");
            }
        }

met zelfde resultaat... In Ie wordt de functie één maal opgeroepen en daarna niet meer...

[crisp]

ik denk dat in IE currElem.style.backgroundColor niet is wat jij denkt dat het is

[nickman]

Je hebt gelijk! Dom van me om dat niet te controleren .

Nu werkt het wel .

In IE geeft dit gewoon de hex waarde terug (wat ik logisch vindt) en in FF krijg ik rgb(...,...,...) terug.

Bedankt!

[watercoolertje]

Dom van me om dat niet te controleren

Je bedoelt DOM