Discussion :

[su4p aka]

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

Code :

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

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 :

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

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 :

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

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 :

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

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

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

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