Bonjour, tout d'abord merci � NoSmoking pour la r�ponse qui marche nickel! N�anmoins, j'ai un petit souci quand je veux faire apparaitre mon champ "Param�tres". En fait quand je choisis "Liste d�roulante" ou "Bouton radio" dans mon select, j'ai un code JS qui m'affiche un nouveau champ (Param�tres) et la personne y rentre ses param�tres. �a, �a fonctionne tr�s bien sauf quand je rajoute une nouvelle zone pour la cr�ation des nouveaux champs.
En fait mon champ "Param�tres" n'arrive pas � se "cloner" et si j'ai 3 select, les 3 iront pointer sur le m�me champ.
C'est plut�t probl�matique, surtout que j'ai presque fini.
Est ce que quelqu'un pourrait savoir d'o� �a provient?
Sachant que Firebug me donne ceci comme erreur:
TypeError: document.getElementById(...) is null
Et je fais aussi parvenir mon code avec la modif de cr�ation de champ
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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
| <!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>sans titre 1</title>
<script language="javascript">
function create_champ(){
var item = document.getElementsByTagName("div")[1];
var clone = item.cloneNode(true);
document.body.appendChild(clone);
}
function supprime_champ(){
var cpt = parseInt(document.getElementById('nombre').value);
cpt--;
var parent = document.getElementById('zone_dynamique');
var NodeListe = parent.getElementsByTagName("div");
if( NodeListe.length >= 2 ){
var Enfant=NodeListe[NodeListe.length-1]
parent.removeChild(Enfant);
document.getElementById('nombre').value = cpt;
}
}
-->
</script>
<script>
function choixChange(){
var paragraphe = document.getElementById("paragrapheSupplementaire");
paragraphe.innerHTML=document.getElementById("choix").value;
if (document.getElementById("choix").value == "liste_1" || document.getElementById("choix").value == "bouton_1"){
paragraphe.innerHTML+="<label>Rentrez les informations:</label>"
+'<input name=sous_choix type="text">';
/*+'<select name="orientation" id="orientation">'
+'<option value="LP">LP</option>'
+'<option value="master">master</option>'
+"<option value=\"inge\">Ecole d'ingé</option>"
+'<option value="boulot">Boulot</option>'
+'<option value="autre">Autre</option>'
+'</select>';*/
}
}
choixChange();
</script>
</head>
<body>
<fieldset name="test">
<legend>Test</legend>
<form id="idTest" name="test23" method="post" action="test_traitement23.php">
<!--Nombre de champs : <input name="nombre" id="nombre" type="text" value="1" size="3">-->
<div id="zone_dynamique">
<div id="test" align="left"> Nom du champ:
<!--<input name="nom_test" type="text"/>-->
<textarea name="nom_test" id="id_nom" ></textarea>
Choix : <select name="choix_test" id="choix" onchange='choixChange();'>
<option value="test_1" selected="selected">Choisir un type</option>
<option value="champ_texte_1">Champ de texte</option>
<option value="zone_email_1">Zone d'adresse e-mail</option>
<option value="liste_1">Liste déroulante</option>
<option value="bouton_1">Boutons radio</option>
<option value="case_1">Cases à cocher</option>
<option value="zone_texte_1">Zone de texte</option>
</select>
</div>
<div id="paragrapheSupplementaire">
</div>
<input type="button" onClick="javascript:create_champ()" value="Insérer un autre champ"/>
<input type="submit" value="envoyer"/>
</div>
</form>
</fieldset>
</body>
</html> |
Merci d'avance! 
Cordialement.
Script de cr�ation de champ
R�pondre avec citation
Pas de question technique par MP !
Partager