Remplissage de formulaire ! [Résolu]

[su4p aka]

Bonjour,
hypothétiquement j'aimerais arriver à
D'un coté un objet json exemple :

Code :

1
2
3
4
5
6
7
8
9
 
"identification": 
    { "prenom": "Amandine", 
      "nom": "Dupont", 
      "DDN": "10/10/1985",
      "ville": 3,
      "sexe": 2,
      "newsletter":1
    }

De l'autre un html qui contient :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
 
<input type="text" name="prenom" id="prenom"></input>
<input type="text" name="nom" id="nom"></input>
<input type="text" name="ddn" id="ddn"></input>
<select name="ville" id="ville">
     <option value="1">Agen</option>
     <option value="2">Lyon</option>
     <option value="3">Paris</option>
</select>
<input type="radio" name="sexe" id="sexe1"></input>Homme
<input type="radio" name="sexe" id="sexe2"></input>Femme
<input type="checkbox" name="newsletter" id="newsletter"></input>Voulez vous recevoir la newsletter ?

Hum voyez ce qui me manque c'est la fonction js qui fait le lien entre les 2... je précise que j'utilise jquery...
J'ai aucune idée de quel direction prendre je n'arrive même pas à savoir si cela est possible ... Help!!!!

[SpaceFrog]

ton json ne devrait pas plutot etre :

Code :

1
2
3
4
5
6
7
8
 
identification= { "prenom": "Amandine", 
      "nom": "Dupont", 
      "DDN": "10/10/1985",
      "ville": 3,
      "sexe": 2,
      "newsletter":1
    }

ensuite avec un each() sur le json tu attribues les values... va juste falloir differencier les radios pour attribuer les checks
donc un switch sur le tagname et le type de l'element seront nécessaires

[su4p aka]

Du coup j'ai avancé un petit peu :
mon json est maintenant comme ça :

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
 
{
				"nom":{
					"id":"nom",
					"type":"text",
					"valeur":"'.$this->m_nom.'"
				},
				"prenom":{
					"id":"prenom",
					"type":"text",
					"valeur":"'.$this->m_prenom.'"
				},
				"sexe":{
					"id":"sexe",
					"type":"radio",
					"valeur":"'.$this->m_sexe.'"
				},
				"DDN":{
					"id":"DDN",
					"type":"text",
					"valeur":"'.$this->m_DDN.'"
				},
				"medNom":{
					"id":"medNom",
					"type":"text",
					"valeur":"'.$this->m_medNom.'"
				},
				"medVille":{
					"id":"medVille",
					"type":"text",
					"valeur":"'.$this->m_medVille.'"
				},
				"medCP":{
					"id":"medCP",
					"type":"text",
					"valeur":"'.$this->m_medCp.'"
				},
				"tel":{
					"id":"tel",
					"type":"text",
					"valeur":"'.$this->m_tel.'"
				},
				"secu":{
					"id":"secu",
					"type":"text",
					"valeur":"'.$this->m_secu.'"
				},
			}

Mon html :

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
 
<tr>
	<td colspan="3"><h3> Identification du patient </h3></td>
</tr>
<tr>
	<td class="labelTab"> Nom : </td> 
	<td class="champsTab"><input class="mask-alpha obligatoire" id="nom" name="nom" type="text"></input></td>
	<td class="champsTab"><div class="msgErreur" id="nomMsgErreur"> Vous n'avez pas renseigné le nom.</div></td>
</tr>
<tr>
	<td class="labelTab"> Prenom : </td> 
	<td class="champsTab"><input class="mask-alpha obligatoire" id="prenom" name="prenom" type="text"></input></td>
	<td class="champsTab">
		<div class="msgErreur" id="prenomMsgErreur"> Vous n'avez pas renseigné le prenom.</div>
	</td>
</tr>
<tr>
	<td class="labelTab"> Sexe : </td>
	<td>
		<input id="sexe2" class="obligatoire" name="sexe" type="radio" value="2"></input>F
		<input id="sexe1" class="obligatoire" name="sexe" type="radio" value="1"></input>M
	</td>
	<td class="champsTab">
		<div class="msgErreur" id="sexeMsgErreur"> Vous n'avez pas renseigné le sexe.</div>
	</td>
</tr>
<tr>
	<td class="labelTab"> Date de naissance : </td>
	<td class="champsTab"><input class="obligatoire" id="DDN" name="DDN" type="text" ><input type="button" id="f_btn2"></input></td> 
	<td class="champsTab">
		<div class="msgErreur" id="DDNMsgErreur"> Vous n'avez pas renseigné la date de naissance.</div>
	</td>
</tr>
<tr>
	<td colspan="3"><h4>Medecin traitant : </h4></td>
</tr>
<tr>
	<td class="labelTab"> Nom : </td>
	<td class="champsTab"><input class="mask-alpha"  id="medNom" name="medNom" type="text"></input></td>
	<td class="champsTab"></td>
</tr>
<tr>
	<td class="labelTab">Ville : 
	<td class="champsTab"><input class="mask-alpha"  id="medVille" name="medVille" type="text"></input></td>
	<td class="champsTab"></td>
</tr>
<tr>
	<td class="labelTab">CP : 
	<td class="champsTab"><input class="mask-alphanum" id="medCp" name="medCp" type="text"></input></td>
	<td class="champsTab"></td>
</tr>
<tr>
	<td class="labelTab"> Téléphone : </td>
	<td class="champsTab"><input class="mask-num" id="tel" name="tel" type="text"></input></td>
	<td class="champsTab"></td>
</tr>
<tr>
	<td class="labelTab"> Numéro de sécurité social : </td>
	<td class="champsTab"><input class="obligatoire mask-num" id="secu" name="secu" type="text"></input></td>
	<td class="champsTab">
		<div class="msgErreur" id="secuMsgErreur"> Vous n'avez pas renseigné le numéro de sécurité social.</div>
	</td>
</tr>

et enfin et surtout ma petite fonction qui fait le lien :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
 
var obj = jQuery.parseJSON('<?=$maVisiteDeScreening->m_monIdentification?>');
for(key in obj){
 
	 switch(obj[key].type){
		case 'radio' :
			$('#'+obj[key].id+obj[key].valeur).attr('checked', true);
		case 'text' :
			$('#'+obj[key].id).val(obj[key].valeur);
		case 'select' : 
 
	}
}

Voila !
Dit(es) moi ce que tu (vous) en penses (pensez)

[SpaceFrog]

je pense que tu es sur la bonne voie