Salut,

Je commence à apprendre le XHTML.
Donc pour l'instant je me suis fait une première page que voici :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
<body>
	<form method="post" action="submit" id="DocBooks"> 
		<formulaire>
			<input value="Rajouter un &eacute;l&eacute;ment &agrave; mon formulaire" onclick="add('formulaire')" type="button" \><br /> 
		</formulaire>
	</form>
</body>

Au clique de mon bouton je lance une fonction javascript celle si doit créer une liste déroulante qui va laisser le choix à l'utilisateur de sélectionner différents types d'éléments.

Voici mon code 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
function add(id) {
 
//Variable qui va stocker le paramètre passé à ma fonction
stockid = id;
 
//Récupération de l'endroit où l'on se situe
var elForm = document.getElementsByTagName(id);
 
//Création d'une balise select qui va afficher les élements que l'utilisateur peut créer
var elSelect = document.createElement("select");
 
//Insertion de ma balise select
elForm.appendChild(elSelect);
elSelect.setAttribute("id", "AjoutElement");
 
elSelect.options.add(new Option("Choisissez un élément à insérer"));									
//Insertion des éléments que l'utilisateur peut sélectionner
elSelect.options.add(new Option("Un checkbox","Un checkbox",false,false);
elSelect.options.add(new Option("Un bouton de choix","Un bouton de choix",false,false);
elSelect.options.add(new Option("Un bouton","Un bouton",false,false);
etc...
Par contre le truc c'est que je n'arrive pas à insérer ma liste déroulante.
Je pense que cela est dû au

var elForm = document.getElementsByTagName(id);
mais j'ai bien essayé par getElementById(id) mais il ne trouve pas ma balise book.

Aurriez-vous une solution à me proposer