Discussion :

[nicomax34]

salutatous,

chaque clic sur un bouton me permet d'ajouter (autant de fois que je veux) un div contenant deux champs

mon souci est que ce bouton d'ajout s'affiche au-dessus de ces div

mais je voudrais que ce bouton s'affiche endessous (qu'il soit pousser vers le bas quoi !)

voici le javascript :

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
 
<script type="text/javascript">
 
function ajouter() {
 
    	var nom_fieldset = document.getElementById('choix_photo');
 
	var calque = document.createElement('div');
 
	var champ_ref_img = document.createElement('input');
	champ_ref_img.name = 'les_photos[]';
	champ_ref_img.type = 'text';
	champ_ref_img.setAttribute('size','50');
 
	var champ_utilisation = document.createElement('textarea');
	champ_utilisation.name = 'les_utilisations[]';
	champ_utilisation.setAttribute('rows','10');
    	champ_utilisation.setAttribute('cols','50');
 
	var case_a_cocher = document.createElement('input');
	case_a_cocher.type = 'checkbox';
 
	case_a_cocher.onclick = function() {
		le_calque_a_supprimer = this.parentNode;
		lefieldset = le_calque_a_supprimer.parentNode;
		lefieldset.removeChild(le_calque_a_supprimer);
 
	}
 
	calque.appendChild(champ_ref_img);
	calque.appendChild(document.createElement('br'));
 
	calque.appendChild(champ_utilisation);
	calque.appendChild(document.createElement('br'));
 
	calque.appendChild(case_a_cocher);
	calque.appendChild(document.createTextNode(" Supprimer"));
	calque.appendChild(document.createElement('br'));
	calque.appendChild(document.createElement('br'));
 
	nom_fieldset.appendChild(calque);
}
 
</script>

et voici le formulaire :

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
 
<form action='traiter.php' method='post'>
 
	<fieldset id='choix_photo'>
		<legend>VOTRE CHOIX PHOTO(S)</legend><br />
		<input type='button' value='Ajouter une photo' onclick='ajouter()' /><br /><br />
	</fieldset>
 
    <br />
 
    <fieldset id=''>
    	<div align="right">
    		<input type="submit" name="envoi" value="ENVOYER" /> 
    		<input type="reset" name="annulation" value="ANNULER" />
        </div>
	</fieldset>
 
</form>

si vous avez une cthite idée

[Bovino]

Code :

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

Node.insertBefore()

?