formulaire prerempli avec Jquery

Bonjour,
j'ai un souci en créant une fonction de modification de fiche a l'aide de Jquery.

Le principe:

Une fiche contact est affichée, avec un bouton "Modifier" codé de la maniere suivante:

Code:

---

1 2 3

<a class='modifier' rel=".$id_contact." style='cursor:pointer;'> <img src='images/icone_modifier_contact.gif' border=0> </a>

---

J'ai ensuite la fonction JQuery suivante:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

$("a.modifier").click(function(e){   var id=$(this).attr("rel"); var resultSelect = $.ajax({ type:"GET", url: "modif_contact.php", data: "id_contact="+id, async: true, success: function(resultSelect,etat){$("#titre_asso_m_contact_MR").val(resultSelect);} });     if ($("#contactModifForm").is(":hidden")){ $("#contactModifForm").fadeIn(500); } else{ $("#contactModifForm").fadeOut(500); } });

---

Voici le formulaire #contactModifForm affiché

Code:

---

1 2 3 4

<input name="titre_contact" type="text" id="titre_contact"> <input name="nom_contact" type="text" id="nom_contact">

---

Et donc le fichier modif_contact.php appelé par la fonction $.ajax:

Code:

---

1 2 3 4 5 6 7

$reqSelectContact = "SELECT * FROM contact WHERE id_contact = ".$id_contact.";"; $resultSelectContact = db_query($reqSelectContact); $afficheSelectContact = mysql_fetch_assoc($resultSelectContact); $titre = $afficheSelectContact["titre_contact"]; $nom = $afficheSelectContact["nom_contact"]; echo $titre;

---

Le but est donc que les deux champs de la fiche à modifier soit preremplis
Vous voyez donc que la variable $titre est donc récupérée par la fonction $.ajax est injectée dans le champ "titre_contact" par JQUERY.

Ca c'est bon.

Le souci est: comment lui renvoyer aussi une variable $nom qui viendrait alimenter le $("#nom_contact").val() ?
Car ma variable $titre est recupérée via le

Code:

---

echo $titre;

---

, mais vu que si je fais aussi un

Code:

---

echo $nom;

---

, la fonction $.ajax va tout me recuperer.

Je n'arrive donc pas a dissocier les deux elements.

J'espere avoir été assez clair.
Merci de m'aider si vous avez une idée

J'essaierai de renvoyer un tableau dans le script php du style :

Code:

---

1 2	echo '["'.$titre.'","'.$nom.'"]';

---

et dans le code javascript, récupérer les variables suivant l'indice du tableau :

Code:

---

1 2	success: function(resultSelect,etat) $("#titre_asso_m_contact_MR").val(resultSelect[0]);$("#nom_asso_m_contact_MR").val(resultSelect[1]);}

---

y a peut etre des erreurs de prog, mais l'idee est la. Tu peux aussi utiliser un tableau associatif plutot qu'un tableau indexé. Ca améliore la lisibilité du code. :)

en d'autres termes, tu peux créer ton tableau js dans ta fonction de la sorte après avoir recuperé l'id et le nom:

Code:

---

1 2 3 4 5

var id=$(this).attr("rel"); var nom = $("#nom_contact").val()   var tab=new Array(""+id+"",""+nom+"");

---

Et puis c'est tab que tu envoies en data.

Et coté php, modif_contact.php tu traites

Code:

---

1 2 3

$tableau= $_GET['tab'] id= $tableau[0]; id= $tableau[1];

---

ainsi, tu peux envoyer plusieurs variables.

Citation:

---

Envoyé par zoutigo

ainsi, tu peux envoyer plusieurs variables.

---

Je crois que c'est le probleme inverse. Je comprends que le probleme posé par mica 94 est l'envoie de plusieurs variable du script php vers le js et pas du js vers le php ?

Bonjour,
merci pour vos reponses.

Zoutigo, effectivement, loop4 a raison, mon souci est le probleme inverse, à savoir non pas envoyer un tableau de js vers php, mais envoyer plusieurs variables de PHP à JS.

Je vais deja creuser du coté de la premiere solution, je vous tiens au courant.
Si vous avez d'autres idees en attendant, je suis preneur.

Merci

J'ai trouvé une solution:

Je renvoie tout simplement une chaine de caracteres que je splitte !

ce qui donne:

Code:

---

1 2	Fichier PHP: echo $titre.",".$nom;

---

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

Fichier JS: var resultSelect = $.ajax({ type:"GET", url: "modif_contact.php", data: "id_contact="+id, async: true, success: function(resultSelect,etat){ var chaine = resultSelect; var vecteur = chaine.split(","); // Le séparateur choisi est la virgule $("#titre_contact").val(vecteur[0]); $("#nom_contact").val(vecteur[1]);   } }).responseText;

---