Problème AJAX et balise <form>

Bonjour,

J'ai récuperé un petit script qui me permet de faire de l'upload ajax (http://blogs.developpeur.org/cyril/archive/2007/03/24/ajax-et-upload-part-1.aspx), merci a son auteur.

Voici la ligne qui pose problème :

document.getElementById('mabalisediv').innerHTML = '<form id="test" name="test" action="test.php"><input type="text" id="texte" name="texte" /></form>';

Je te conseilles de créer tes éléments par le DOM :

var maForm = document.createElement('form');
maForm.setAttribute('action', 'test.php');
...
document.getElementById('mabalisediv').appendChild(maForm);

Merci pour ta reponse mais le problème c'est que j'injecte plusieurs formulaire d'un coup pour le rafraichissement de toutes les pièces jointes uploadés, voici un extrait de mon code :

$objet_pj = new CPj($db,'',$clef_ticket);
$result = $objet_pj->DataTicket();
$ligne_pj="";
$pj="";
if ($result!==false)
{                        
   while ($data_pj = mysql_fetch_array($result))        
   {
      $modif_pj="
      <form name=\"maj_pj".$data_pj['clef_pj']."\" action=\"majclimat.php\" method=\"post\" target=\"hiddeniframe\">
      <input type=\"hidden\" name=\"action\" value=\"maj_upload\" />
      <input type=\"hidden\" name=\"clef_pj\" value=\"".$data_pj['clef_pj']."\" />
      <td class=\"v\"><input type=\"text\" name=\"description_pj\" value=\"".$data_pj['description_pj']."\" size=\"30\" /></td>
      </form>";
      $suppr_pj="
      <form name=\"suppr_pj".$data_pj['clef_pj']."\" action=\"majclimat.php\" method=\"post\" target=\"hiddeniframe\">
      <input type=\"hidden\" name=\"action\" value=\"suppr_upload\" />
      <input type=\"hidden\" name=\"clef_pj\" value=\"".$data_pj['clef_pj']."\" />
      </form>
      <td class=\"v\"><a href=\"javascript:document.getElementById('maj_pj".$data_pj['clef_pj']."').submit();\">modifier</a> | <a href=\"javascript:document.getElementById('suppr_pj".$data_pj['clef_pj']."').submit();\">supprimer</a></td>";
      $ligne_pj.="<tr><td class=\"e\"><font color=\"green\">".$data_pj['nom_pj']."</font></td>".$modif_pj.$suppr_pj."</tr>";
   }
$debut_pj="<table border=\"0\" cellpadding=\"3\" width=\"510\"><tr class=\"h\"><th>Pièce jointe</th><th>Déscription</th><th>Action</th></tr>";                   
$pj=$debut_pj.$ligne_pj."</table>";
}


et ensuite j'envoi le tout par
document.getElementById('mabalisediv').innerHTML = '".$pj."';

J'ai trouvé cette discution que sa rapproche de mon probleme :

http://www.javascriptfr.com/forum/sujet-INNERHTML-LTFORM-GT-RESULTAT-INCOMPREHENSIBLE_957466.aspx

valentinoalias J²

Bonjour,

J'ai déjà rencontré ce type de souci, qui était du à des retours de chariots dans le .js

Pour corriger, si c'est le même problème, je te conseille ceci (sans espace après le \, juste un retour à la ligne)

var monForm='<form id="test" name="test" action="test.php">\
<input type="text" id="texte" name="texte" />\
</form>';
document.getElementById('mabalisediv').innerHTML = monForm;

Je n'avais pas tout lu...

A tout hasard, juste une question, as-tu tenté ceci ?

<?php

echo "document.getElementById('mabalisediv').innerHTML = '".stripslashes($pj)."';";

?>

Bonjour Visibeo,

Oula tu reviens sur un sujet que j'ai totalement oublié !
Me suis énormement amélioré en JavaScript et manipulation du DOM et n'ai plus ce genre de problème. Et oui tu as raison il faut protéger les quotes avec stripslashes.

Bonne journée

Hello Valentino,

Je n'avais pas vu la date du post, en effet ça date !

Bonne journée

Séb