Exécution de JS après rechargement AJAX

Version imprimable

30/12/2012, 05h29
Jeff2marseille

Exécution de JS après rechargement AJAX

Bonjour, le contenu de mes balises <script> ne s'exécute plus après que la page qui les contient ait été rechargée par AJAX... y a t-il une solution pour y remédier ?

PS : peut-être qu'il vaudrait mieux poster dans la rubrique AJAX, je ne sais pas trop...
30/12/2012, 08h46
Invité

Bonjour,
1/ la première chose à faire aurait été de faire une recherche sur le forum : "Executer Javascript chargé par Ajax"
Tu aurais trouvé un tas de post sur le même sujet.
Et sûrement trouvé des explications/solutions.

La FAQ JavaScript est aussi là pour ça.
Notamment la section : Les technologies d'Ajax

2/ Montrer ton code n'est pas inutile, si tu veux vraiment qu'on t'aide à résoudre le souci.

Merci j'ai lu la fac et d'autres messages et j'ai trouvé une technique, mais qui marche qu'à moitié. Après rafraichissement ajax j'ai bien l'alerte juste après ma balise script qui fonctionne, par contre le menu clic droit juste après ne s'actualise pas alors que les valeurs qu'ils comprend devraient etre différentes d'avant le rafraichissement.

le div "zoneafficherequipes" englobe cette page qui est rafraichit par ajax (afficherequipes.php)

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
27
28
29
30
31
32
33
34
35
36
37
38
<script> alert('test');
//menu
 
	$(function(){ 
    $.contextMenu({ 
        selector: '.context-menu-one', 
        callback: function(key, options) {
var id =  $(this).attr("id");
var affichage = $(this).attr("data-affichage");
var statut = $(this).attr("data-statut");
var mode = $(this).attr("data-mode");
var autre = $(this).attr("data-autre");
 
		if(key != "quit") eval(key);
        },
        items: {
		<?php
                $STATUTS = "SELECT * FROM statuts";
                $REQSTATUTS = mysql_query($STATUTS); 
                while($RSTATUTS = mysql_fetch_array($REQSTATUTS))
                {
                ?>
 
            "changer_statut(id,<?php echo $RSTATUTS['id']; ?>,statut,affichage,mode,autre);": {name: "<?php echo $RSTATUTS['type']; ?>", icon: "<?php echo $RSTATUTS['abreviation']; ?>"},
 
			<?php
                        }
                        ?>
            "sep1": "---------",
            "quit": {name: "Quit", icon: "quit"}
        }
    });
 
    $('.context-menu-one').on('click', function(e){
        //console.log('clicked', this);
    })
});
</script>

La page ajax.js

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
function recharger_afficherequipes()
{ 
 
    http_recharger_afficherequipes.open("GET", "afficherequipes.php", true);
    http_recharger_afficherequipes.onreadystatechange = handleHttpResponse_recharger_afficherequipes;
    http_recharger_afficherequipes.send(null); 
 
}
 
function handleHttpResponse_recharger_afficherequipes()
{   
    if (http_recharger_afficherequipes.readyState == 4)
    { 
 
       Getobjet("zoneafficherequipes").innerHTML = http_recharger_afficherequipes.responseText;
	   script_afficherequipes();
   }    
}
 
function script_afficherequipes()
{
var mesScripts = document.getElementById("zoneafficherequipes").getElementsByTagName("script");
for (var i=0; i<mesScripts.length; i++) {
eval(mesScripts[i].innerHTML);
}
}

30/12/2012, 19h20
danielhagnoul

Citation:

Envoyé par Jeff2marseille

Bonjour, le contenu de mes balises <script> ne s'exécute plus après que la page qui les contient ait été rechargée par AJAX... y a t-il une solution pour y remédier ?

Un script doit toujours se trouver dans un fichier séparé. On doit utiliser $.getScript().
30/12/2012, 21h16
Jeff2marseille

Je ne peux pas le mettre dans un fichier séparé puisque je construit le menu à partir d'éléments de ma BDD et de PHP.