Bonjour,
j'ai deux pages php
la 1ere page contient du code ajax
et voici le code du ajax cette page
et la 2 eme page Indicateur.php contient du code jquery
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 <script type='text/javascript'> function getXhr(){ var xhr = null; if(window.XMLHttpRequest) // Firefox et autres xhr = new XMLHttpRequest(); else if(window.ActiveXObject){ // Internet Explorer try { xhr = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { xhr = new ActiveXObject("Microsoft.XMLHTTP"); } } else { // XMLHttpRequest non supporté par le navigateur alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); xhr = false; } return xhr; } /** * Méthode qui sera appelée sur le click du bouton */ function go(){ var xhr = getXhr(); // On défini ce qu'on va faire quand on aura la réponse xhr.onreadystatechange = function(){ // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr.readyState == 4 && xhr.status == 200){ leselect = xhr.responseText; // On se sert de innerHTML pour rajouter les options a la liste document.getElementById('indicateur').innerHTML = leselect; document.getElementById("loader").style.display = "none"; } else if (xhr.readyState < 4) { document.getElementById("loader").style.display = "inline"; } } // Ici on va voir comment faire du post xhr.open("POST","Indicateur.php",true); // ne pas oublier ça pour le post xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); // ne pas oublier de poster les arguments // ici, l'id de l'auteur sel = document.getElementById('objectif'); IdObjectif = sel.options[sel.selectedIndex].value; xhr.send("IdObjectif="+IdObjectif); } </script>
lorsque j'exécute la 1ere page qui fait appel à 2eme le code de jquery ne fonctionne pas
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 <script type="text/javascript" src="/gbo/js/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $(".edit_tr").click(function() { var ID=$(this).attr('Id'); //$("#first_"+ID).hide(); $("#last_"+ID).hide(); //$("#first_input_"+ID).show(); $("#last_input_"+ID).show(); }).change(function() { var ID=$(this).attr('Id'); //var first=$("#first_input_"+ID).val(); var last=$("#last_input_"+ID).val(); var dataString = 'Id='+ ID +'&taux='+last; //var dataString = 'Id='+ ID +'&annee'+first+'&taux='+last; //$("#first_"+ID).html('<img src="images/load.gif" />'); // Loading image //if(first.length>0&& last.length>0) if(last.length>0) { $.ajax({ type: "POST", url: "table_edit_ajax.php", data: dataString, cache: false, success: function(html) { //$("#first_"+ID).html(first); $("#last_"+ID).html(last); } }); } else { alert('Enter something.'); } }); // Edit input box click action $(".editbox").mouseup(function() { return false }); // Outside click action $(document).mouseup(function() { $(".editbox").hide(); $(".text").show(); }); }); </script>
par contre lorsque j'execute la 2eme page directement le code de jquery fonctionne
comment je peux fonctionner le code de jquery dans la page qui contient l'ajax
Partager