Utiliser un string dans une fonction de setInterval

Version imprimable

Voilà mon code :
Code:

1 2 var originalClass = loop[i].parentNode.parentNode.className; var clignotement = setInterval(loop[i].parentNode.parentNode.className == originalClass ? loop[i].parentNode.parentNode.className = 'SurligneStyle' : loop[i].parentNode.parentNode.className = originalClass, 1000);
Mon problème est bête comme chou : setInterval attend une fonction ou un string représentant du code. Ici je lui fais exécuter directement du code, mais dedans j'ai le 'SurligneStyle' qui lui pose problème. Le debuggeur me dit qu'il n'est "pas défini". J'ai essayé de mettre des guillements " " au début et à la fin du code de setInterval, mais ça n'a rien changé (il dit que c'est "loop" qui n'est pas défini).

Comme puis-je arranger ça?

ben donne lui une fonction anonyme :

Code:

1
2
 
                var clignotement = setInterval(function(){ loop[i].parentNode.parentNode.className=(loop[i].parentNode.parentNode.className == originalClass)?'SurligneStyle': originalClass;}, 1000);

Code:

1
2
3
4
5
6
 
var originalClass = loop[i].parentNode.parentNode.className;
var clignotement = setInterval(function(){
   loop[i].parentNode.parentNode.className == originalClass ? loop[i].parentNode.parentNode.className = 'SurligneStyle' : loop[i].parentNode.parentNode.className = originalClass;
}
, 1000);

suis trop lent :(

02/08/2007, 15h44
SpaceFrog

et trop long :D

Citation:

Envoyé par SpaceFrog

ben donne lui une fonction anonyme :

Code:

var clignotement = setInterval(function(){ loop[i].parentNode.parentNode.className=(loop[i].parentNode.parentNode.className == originalClass)?'SurligneStyle': originalClass;}, 1000);

Bien tenté. Mais ça me répond "loop[i] has no properties".

Ça vient de plus haut dans le code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
loop = document.getElementById("Resultat_Gauche").getElementsByTagName("input");
    for (var i = 0; i < loop.length; i++)
    {
        if (loop[i].type == "hidden" && loop[i].id.match("HiddenReferenceOeuvreAutorite"))
        {
            if (loop[i].value == idAutorite)
            {
                autoriteTrouvee = true;
                loop[i].parentNode.parentNode.focus();
                var originalClass = loop[i].parentNode.parentNode.className;
                var clignotement = setInterval(function(){ loop[i].parentNode.parentNode.className=(loop[i].parentNode.parentNode.className == originalClass)?'SurligneStyle': originalClass;}, 1000);
            }
        }
    }

02/08/2007, 15h48
SpaceFrog

Code:

var clignotement = setInterval(function(loop[i]){ loop[i].parentNode.parentNode.className=(loop[i].parentNode.parentNode.className == originalClass)?'SurligneStyle': originalClass;}, 1000);
02/08/2007, 15h54
strat0

Citation:

Envoyé par SpaceFrog

Code:

var clignotement = setInterval(function(loop[i]){ loop[i].parentNode.parentNode.className=(loop[i].parentNode.parentNode.className == originalClass)?'SurligneStyle': originalClass;}, 1000);

"Missing ) after formal parameters".:lol: :aie: (plus clairement : ça ne marche pas non plus)

arf ...

un classique mais je tombe toujours dans le panneau:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
loop = document.getElementById("Resultat_Gauche").getElementsByTagName("input");
    for (var i = 0; i < loop.length; i++)
    {
        if (loop[i].type == "hidden" && loop[i].id.match("HiddenReferenceOeuvreAutorite"))
        {
            if (loop[i].value == idAutorite)
            {
                autoriteTrouvee = true;
                loop[i].parentNode.parentNode.focus();
                var loop[i].originalClass = loop[i].parentNode.parentNode.className;
                var loop[i].clignotement = setInterval(function(){ loop[i].parentNode.parentNode.className=(loop[i].parentNode.parentNode.className == originalClass)?'SurligneStyle': loop[i]originalClass;}, 1000);
            }
        }
    }

02/08/2007, 16h09
strat0

"Missing ; before statement":lol: :aie: :aie: :aie: (au niveau du premier crochet de "var loop[i].originalClass = ...".

Au passage je n'avais jamais vu de code JavaScript comme ça. Ça revient à créer ses propres propriétés car loop[i] ne devrait pas avoir de propriété originalClass?!!?

Mais c'est toujours pas ça...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
loop = document.getElementById("Resultat_Gauche").getElementsByTagName("input");
    for (var i = 0; i < loop.length; i++)
    {
        if (loop[i].type == "hidden" && loop[i].id.match("HiddenReferenceOeuvreAutorite"))
        {
            if (loop[i].value == idAutorite)
            {
                autoriteTrouvee = true;
                loop[i].parentNode.parentNode.focus();
                loop[i].originalClass = loop[i].parentNode.parentNode.className;
                loop[i].clignotement = setInterval(function(){ loop[i].parentNode.parentNode.className=(loop[i].parentNode.parentNode.className == originalClass)?'SurligneStyle': loop[i]originalClass;}, 1000);
            }
        }
    }

02/08/2007, 16h31
strat0

"loop[i] has no properties" (je me disais bien aussi, créer ses propres propriétés???).:sm:
02/08/2007, 16h36
SpaceFrog
rien a voir avec declarer ses propres propriétés
Code:

1 2 3 4 var mavariable= this; mavariable.maproprietepersoquejeluidonne="ben tu vois qu'on peut !!"; alert(mavariable.maproprietepersoquejeluidonne)
le problème est ailleurs ...

à quelle ligne te dit il que loopi[i]n'as pas de propriété ?
02/08/2007, 16h43
strat0

Citation:

Envoyé par SpaceFrog

le problème est ailleurs ...

à quelle ligne te dit il que loopi[i]n'as pas de propriété ?

La ligne qui contient setInterval :

Code:

loop[i].clignotement = setInterval(function(){ loop[i].parentNode.parentNode.className = (loop[i].parentNode.parentNode.className == loop[i].originalClass) ? 'SurligneStyle' : loop[i].originalClass; }, 1000);
02/08/2007, 17h06
SpaceFrog

Code:

loop[i].clignotement = setInterval(function(loop[i]){...
02/08/2007, 17h08
strat0

Citation:

Envoyé par SpaceFrog

Code:

loop[i].clignotement = setInterval(function(loop[i]){...

Déjà essayé...
02/08/2007, 17h10
SpaceFrog

déja essayé oui mais il y avait aussi les var ...

Ça fonctionne bien comme ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
    loop = document.getElementById("Resultat_Gauche").getElementsByTagName("input");
    for (var i = 0; i < loop.length; i++)
    {
        if (loop[i].type == "hidden" && loop[i].id.match("HiddenReferenceOeuvreAutorite"))
        {
            if (loop[i].value == idAutorite)
            {
                autoriteTrouvee = true;
                var ligneTableau = loop[i].parentNode.parentNode;
                var count = 0;
                ligneTableau.focus();
                var originalClass = ligneTableau.className;
                var clignotement = setInterval(function(){
                    if (count >= 10)
                    {
                        clearInterval(clignotement);
                        ligneTableau.className = originalClass;
                    }
                    else
                    {
                        ligneTableau.className = (ligneTableau.className == originalClass) ? 'SurligneStyle' : originalClass;
                        count++;
                    }
                }, 1000);
            }
        }

J'ai encore un dernier problème. "ligneTableau.focus();" ne scrolle pas automatiquement pour afficher la ligne du tableau concernée si elle est hors de vue. Comment puis-je contourner ça?

02/08/2007, 17h56
strat0

Citation:

Envoyé par strat0

J'ai encore un dernier problème. "ligneTableau.focus();" ne scrolle pas automatiquement pour afficher la ligne du tableau concernée si elle est hors de vue. Comment puis-je contourner ça?

scrollIntoView() a fait l'affaire.

Merci pour ta patience SpaceFrog.