[AJAX] soucis avec un requête ajax basique

Version imprimable

Bonjour,
Je ne suis pa super pro en ajax mais j'ai une requête qui a un soucis et je ne comprend pas pourquoi.
Voilà mon code AJAX pour la requête:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 5<script type="text/javascript"> 6 7function vals() 8{ 9 var obj = document.getElementById("tbox").value; 10 var reqAJAX; 11 if (window.XMLHttpRequest) 12 { reqAJAX = new XMLHttpRequest(); } 13 else { 14 if (window.ActiveXObject('Microsoft.XMLHTTP')) 15 { reqAJAX = new ActiveXObject('Microsoft.XMLHTTP'); } 16 else { alert("Votre navigateur ne supporte pas AJAX"); 17 return; 18 } 19 } 20 reqAJAX.open('POST', './valselect2.php',false); 21 reqAJAX.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); 22 reqAJAX.send('id='+obj); 23 document.getElementById("inputsignsel2").innerHTML = reqAJAX.responseText; 24} 25</script>
quand je regarde avec firebug il me donne une valeur pour reqAJAX.responseText (un texte) mais il me dit que inputsignsel2 est null est ce que cela vous dit quelque chose.
J'ai cru que c'était un bug j'ai redémarré mon wamp j'ai fermé et ré-ouvert mon navigateur vidé la cache mais rien n'y fait.
Donc si vous avez une idée je suis preneur.

04/03/2010, 06h19
andry.aime

Bonjour,
Y-a-t il un élément ayant l'id "inputsignsel2" dans le document ?
04/03/2010, 18h39
shelko

En fait il n'y a pour le moment qu'un select et un menu qui n'est pas mis en forme.
Donc il n'y a pas d'autres div.
Le pire c'est que c'est une copie d'une autre page qui fonctionne nickel.
04/03/2010, 19h52
Bovino

Tu cherches à afficher le responseText dans l'élément dont l'id est "inputsignsel2" alors que tu sembles dire qu'il n'y a pas d'id "inputsignsel2" dans ta page...
c'est comme si tu demandais à ta femme d'aller te chercher une bière alors que t'as pas de femme... t'es pas prêt d'avoir ta bière :roll:

Dsl j'ai mal lu sa question oui il y a un élément qui porte ce nom lol.
J'avais lu avant au lieu de ayant.
Voilà le code complet de ma page si ça vous parle:

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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<?php
session_start();
include('./conf_serveur.php');
include('./menu.php');
if(!isset($_SESSION['id_user'])){ 
header('location: ./login.php');
}
 
?>
<html>
<head>
<title>Gestion Images/Vidéos</title>
<?php
//$_SERVER["HTTP_USER_AGENT"] : variable donnant le navigateur
$msie='/^MSIE/';
if (preg_match($msie, $_SERVER["HTTP_USER_AGENT"])) {
    //Internet explorer
    //echo"<link rel=\"stylesheet\" href=\"./standard/fr/css/iestyle.css\" type=\"text/css\" />";
} else {
    //Les autres
    //echo"<link rel=\"stylesheet\" href=\"./standard/fr/css/ver1ff.css\" type=\"text/css\" />";
}
?>
 
<script type="text/javascript">
 
function vals()
{
	var obj = document.getElementById("tbox").value;
    var reqAJAX;
	if (window.XMLHttpRequest)
		{ reqAJAX = new XMLHttpRequest(); }
	else {
		if (window.ActiveXObject('Microsoft.XMLHTTP'))
			{ reqAJAX = new ActiveXObject('Microsoft.XMLHTTP'); }
		else { alert("Votre navigateur ne supporte pas AJAX");
			return;
		}
	}
	reqAJAX.open('POST', './valselect2.php',false);
	reqAJAX.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	reqAJAX.send('id='+obj);
	document.getElementById("inputsignsel2").innerHTML = reqAJAX.responseText;
}
</script>
 
</head>
<body>
<?php
echo $menu1;
 
if(isset($_GET['modif']) and $_GET['modif']='ok'){
        ?>
<form name="form1" action="validtbox.php?mod=ok" method="POST">
<label>Nom Tbox : </label><select name="id" id="tbox" onchange="vals()"><option value="">Choisissez une Tbox</option>
<?php
$time=time();
$reqtbox="SELECT * FROM tbox WHERE date_fin>'".$time."'";
echo $reqtbox;
$querytbox=mysql_query($reqtbox) or die (mysql_error());
while($datatbox=mysql_fetch_assoc($querytbox)){
        $selcie='<option value="'.$datatbox['id_tbox'].'">'.$datatbox['nom_tbox'].' -  '.$datatbox['id_tbox'].'</option>';
}
echo $selcie;
 
}
else{
?>
</select><br>
<label>Nom Tbox : </label><input type="text" name="nom_tbox" value=""><br>
<label>Adresse connexion admin : </label><input type="text" name="http_tbox" value=""><br>
<label>Date début souscription : </label><input type="text" name="jour" value=""> / <input type="text" name="mois" value=""> / <input type="text" name="annee" value=""><br>
<input type="submit" name="submit" value="valider">
<?php
}
?>
<div id="inputsignsel2"></div>
</form>
</body>
</html>

05/03/2010, 09h46
E.Bzz

Bonjour,
sans garantie qu'il y ait un lien avec ton problème, il ne faut pas utiliser les termes du langage comme identifiant.
Un exemple là

Code:

type="submit" name="submit"

Et une source d'em...brouille potentielle ici

Code:

<select name="id" id="tbox"

Sinon, tu as essayé de faire un

Code:

alert(document.getElementById("inputsignsel2").innerHTML);

en tout début de ta fonction Ajax ?

A+
05/03/2010, 11h52
shelko

J'ai modifié tous ce que tu m'a dis (même si c'est un copié collé d'une autre page ou j'ai juste modifié le formulaire et qui fonctionne), mais ça ne fonctionne toujours pas.
Donc quelqu'un a d'autres idées je suis preneur, je pense que ça doit être un truc tout bête, mais pas moyen de trouver
05/03/2010, 11h54
E.Bzz

Si tu ne dis pas ce que donnent les tests qu'on te suggère, ça risque pas d'avancer

Citation:

Envoyé par E.Bzz

Sinon, tu as essayé de faire un

Code:

alert(document.getElementById("inputsignsel2").innerHTML);

en tout début de ta fonction Ajax ?

A+
05/03/2010, 11h57
andry.aime

Re,
Montres nous ton code HTML généré pour voir plus claire.
05/03/2010, 12h04
E.Bzz

Citation:

Envoyé par andry.aime

Re,
Montres nous ton code HTML généré pour voir plus claire.

:ccool:

On verra si le </select> tombe au bon endroit ...

A+
05/03/2010, 12h11
shelko

Désolé de vous avoir fais chercher, mais je viens de trouver.
Mon select n'était pas fermé donc ma div n'était pas prise en compte.
05/03/2010, 12h11
laurentg2003

bonjour,
Juste en passant,pour l'instruction reqAJAX = new XMLHttpRequest(); il manque
l'instruction reqAJAX.overrideMimeType('text/xml');
05/03/2010, 12h14
E.Bzz

Citation:

Envoyé par E.Bzz

On verra si le </select> tombe au bon endroit ...

Citation:

Envoyé par shelko

Désolé de vous avoir fais chercher, mais je viens de trouver.
Mon select n'était pas fermé donc ma div n'était pas prise en compte.

:mouarf:

A+