[AJAX] fonction ajax

Version imprimable

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:

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:

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 .:)

18/05/2010, 16h50
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 :mrgreen:

A+
18/05/2010, 17h16
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:

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

Ce n'est pas sa?
18/05/2010, 17h23
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+
18/05/2010, 17h46
melodide

Code:

<td><input type="button" value="+" OnClick=\"afficherD(".$val["DATE"].,.$val["CODE"].");\">
19/05/2010, 09h14
E.Bzz

:koi:

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

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:

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

A+
19/05/2010, 10h14
Bovino

Citation:

Envoyé par 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 :aie:

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

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.
19/05/2010, 10h23
E.Bzz

Citation:

Envoyé par Bovino

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 :aie:

A+

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:

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:

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 :roll:

20/05/2010, 08h08
andry.aime

Bonjour
N'utilises pas "Date" comme nom de variable, c'est un mot réservé.

A+.
20/05/2010, 11h24
DoubleU

Non, le mot Date n'est pas réservé, c'est juste le nom d'un objet javascript mais rien n'empêche de l'utiliser pour désigner une variable.

Pour revenir au sujet, quelle est l'erreur que tu obtiens? (clique sur le petit /!\ jaune en bas a gauche dans IE, ou regarde dans la console d'erreur de firefox)