Discussion :

[melodide]

Bonjour à tous ! j'ai un petit problème avec une de mes fonctions ajax

Je souhaite générer un tableau grâce à un code php à partir d'une requête sql et mettre sur le coté des + et des - qui afficheront masqueront certains détails du tableau.

Pour le moment lorsque je clique sur les boutons + ou - sa ne change rien mon tableau.

Je me demande si mon problème est dans ma fonction qui est la suivante :

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
function afficher(co,cha,de)
{ 	var obj;
	if (navigator.appName.search("Microsoft") > - 1)
	{	obj = new ActiveXObject ("MSXML2.XMLHTTP");
	}
	else
	{	obj= new XMLHttpRequest();
	}
	obj.open('POST',co,true);
	obj.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	obj.onreadystatechange = function()
	{ 	if (obj.readyState == 4 && obj.status == 200)
		{ 	document.getElementById(de).innerHTML = obj.responseText;
 
		}
	};
	obj.send(cha);
	return(false);
}
 
function afficherD(Date,Code)
{	var ch;
	ch="date="+Date+"&code="+Code;
	afficher("det.php",ch,"detail");
}

ou dans ma façon de l'utiliser :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

print '<td><input type="button" value="+" OnClick=\"afficherD(" . $val["DATE"] . , . $val["CODE"] .");\"></td>';

Je vous remercie d'avance pour l'aide que vous allez j'espère m'apporter .

[E.Bzz]

Bonjour,
pourrait-on voir le code HTML généré de ton <td> contenant le bouton ?
Je soupçonne un problème de quottes

A+

[melodide]

je ne suis pas une experte dans le vocabulaire informatique et pour moi le code html de mon td ou il y a le bouton c'est celui-ci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

print '<td><input type="button" value="+" OnClick=\"afficherD(" . $val["DATE"] . , . $val["CODE"] .");\"></td>';

Ce n'est pas sa?

[E.Bzz]

Ce n'est pas exactement ça.
Ce que tu montres ici est du code qui s'exécute sur le serveur (PHP).
Ce code n'est pas un code HTML mais un code PHP qui génère ton code HTML.
C'est ce code HTML qui sera interprété par le navigateur et c'est lui qui nous intéresse (sur ce forum, on ne traite pas des problèmes PHP).

Pour récupérer le code HTML généré, affiche ta page dans ton nav, puis fais un clic droit + "Afficher le code source de la page" (ou terme équivalent suivant le nav).
Dans ce code source, tu n'as plus qu'à repérer ce <td> avec le bouton et en faire un copié/collé ici.

A+

[melodide]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<td><input type="button" value="+" OnClick=\"afficherD(".$val["DATE"].,.$val["CODE"].");\">

[E.Bzz]

Si tu as vraiment récupéré ça à partir du navigateur, il y a plus de problèmes que ce que je pensais

D'une part, comme prévu, il faut enlever les anti-slash (\) au niveau du onclick.
D'autre part il faut revoir ta syntaxe PHP puisque certaines variables ne sont pas interprétées sur le serveur et se retrouvent dans le code HTML/Javascript (et donc, forcément, les valeurs passées à la fonction Javascript n'ont aucun sens)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.$val["DATE"].,.$val["CODE"].

A+

[Bovino]

Si tu as vraiment récupéré ça à partir du navigateur, il y a plus de problèmes que ce que je pensais

Je pense surtout qu'elle s'est contentée de recopier le code PHP en supprimant juste l'instruction print

Ceci dit, il semble que tu appelles ta fonction avec seulement deux paramètres, alors qu'elle en attend trois. Du coup, c'est sûr que ça marche moins bien quand la fonction tente d'utiliser le 3e paramètre.

[E.Bzz]

Je pense surtout qu'elle s'est contentée de recopier le code PHP en supprimant juste l'instruction print

+1

.... ce qui ne nous donne aucune info supplémentaire

A+

[Invité]

Bonsoir,
( Bovino la fonction n'as que deux paramétres, c'est par contre cette fonction qui passe trois paramétres a l'appel AJAX)

Nous voila par definition dans de l'AJAX pur
un html (extrait minimum et comme indiqué par tous plein de fautes de syntaxe.)
Ce html appel lorsque tu clic sur le bouton "+" un javascript qui grace au moteur de l'AJAX XMLHttpRequest
va appeler le PHP "det.php"

j'ais pris le temps d'imaginer que contiennent tes variables qui viennent
d'un MySQL vu leur format $val["DATE"] ... $val["CODE"]
on suppose donc que c'est dans un genre

Code PHP :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<?PHP
   $result=mysql_query( "select DATE,CODE* from matable
         WHERE  UserNom = 'dupond'  ");
      while ($val=mysql_fetch_array($result)) 
         {
echo "<td><input type='button' value='+' OnClick='afficherD(\"".$val['DATE'] ." , ".$val['CODE'] .");\"></td>";
         }
?>

j'ais donc testé avec ceci (html resultant)

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
 
<html><body>
<script type="text/javascript">
function afficher(co,cha,de)
{ 	var obj;
	if (navigator.appName.search("Microsoft") > - 1)
	{	obj = new ActiveXObject ("MSXML2.XMLHTTP");
	}
	else
	{	obj= new XMLHttpRequest();
	}
	obj.open('POST',co,true);
	obj.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	obj.onreadystatechange = function()
	{ 	if (obj.readyState == 4 && obj.status == 200)
		{ 	document.getElementById(de).innerHTML = obj.responseText;
 
		}
	};
	obj.send(cha);
	return(false);
}
 
function afficherD(Date,Code)
{	var ch;
	ch="date="+Date+"&code="+Code;
	afficher("det.php",ch,"detail");
}
 
</script>
 
<table><tr>
<td><input type='button' value='+' OnClick="afficherD('21/01/2010' ,100 );" > </td></tr></table></body></html>

Avec un php ayant un echo !
Tout reste silencieux malgrés ma correction de syntaxe !
Du reste le javascript est incorrecte car tes variables ne sont pas passées en POST convenablement a mon sens.

Revois ta copie et soitplus compléte et précise