Jquery ne fonctionne pas dans une page ajax/php
Bonjour,
j'ai deux pages php
la 1ere page contient du code ajax
et voici le code du ajax cette page
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
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> |
et la 2 eme page Indicateur.php contient du code jquery
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
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> |
lorsque j'exécute la 1ere page qui fait appel à 2eme le code de jquery ne fonctionne pas
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
