Discussion :

[draaculaa]

Bonjour à tous,

Je suis débutant en JavaScript et j'aimerais faire clignoter certains polygones sur une map Google en fonction de valeurs que devra rentrer l'utilisateur. J 'ai réalisé la fonction qui permet de faire clignoter les polygones cependant lorsque l'utilisateur décide de rentrer de nouvelles valeurs (via un prompt) les plaques qui clignotaient au départ clignotent 2x plus vite. J'aimerais savoir comment faire pour que les plaques qui ne sont plus concerné par la nouvelle valeur entré cesse de clignoter. (J'espère que vous comprendrez le problème car j'ai l'impression d'être assez confus dans mes explications)

Voici mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
var periode;
var clignote = function(nomPlaque){
    for(var i = 0; i< tabPolygon.length; i++){
        if(tabPolygon[i].html==nomPlaque){
            clearInterval(periode);
            if(tabPolyline[i].visible){
                tabPolyline[i].setVisible(false)
            }
            else{
                tabPolygon[i].setVisible(true);
            }
        }
    }
};
$(function rapport(){
    $("#rapport").click(function(){
        //stopClignotement();
        var essai = prompt("entrer la valeur repère");
        if(isNaN(essai)){
            alert("vous n'avez pas rentrer un nombre. Vous devez rentrer un nombre pour reperer les plaques qui ont un rapport intervention/jour/techniciens supperieurs a votre entré");
        }
        else{
            $.ajax({
                url:"activiteRapport.php",
                type:"GET",               
                success: function(reponse){
                    for(var p = 0; p<tabPolygon.length ; p++){
                        clearInterval(periode);
                        tabPolygon[p].setVisible(true);
                    }
                    var res= JSON.parse(reponse);
                    for(var i=0; i<res.length; i++){
                        if(parseFloat(essai) < res[i].COMPTAGE_TYPETICKET/res[i].COMPTAGE_NOM/210){
                            if(res[i].NOM == "Plaque A"){
                                periode = setInterval("clignote(\"Plaque A\")",800);
                            }
                            else if(res[i].NOM == "Plaque B"){
                                periode = setInterval("clignote(\"Plaque B\")",800);
                            }
                            else if(res[i].NOM == "Plaque C"){
                                periode = setInterval("clignote(\"Plaque C\")",800);
                            }
                            else if(res[i].NOM == "Plaque D"){
                                periode = setInterval("clignote(\"Plaque D\")",800);
                            }
                            else if(res[i].NOM == "Plaque E"){
                                periode = setInterval("clignote(\"Plaque E\")",800);
                            }
                            else if(res[i].NOM == "Plaque F"){
                                periode = setInterval("clignote(\"Plaque F\")",800);
                            }
                            else if(res[i].NOM == "Plaque G"){
                                periode = setInterval("clignote(\"Plaque G\")",800);
                            }
                        }
                    }
                }
            });
        }
    });
});

[NoSmoking]

Bonjour,
visiblement tu ne gère qu'une référence sur ton setInterval ce qui fait que à chaque fois tu écrase et ne supprime au final que le dernier intialisé

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
periode = setInterval("clignote(\"Plaque A\")",800);
periode = setInterval("clignote(\"Plaque B\")",800);
periode = setInterval("clignote(\"Plaque C\")",800);
 
clearInterval(periode); // ne supprime que le dernier et pas les 2 premiers