Bonjour,
j'ai deux pages php
la 1ere page contient du code ajax
et voici le code du ajax cette page
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>
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
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