[DOM] creer label dans le dom

**maximenet** · 25/04/2007, 10h05

Bonjour,
j'ai pris le code suivant :
http://javascript.developpez.com/faq/?page=DOM
il génère une erreur à la ligne :

Code :

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

nouveauLabel.for = 'nouveauId';

çà fonctionne tres bien sur firefox mais pas sur IE7

avez vous une alternative dans la création du dom qui fonctionne sous ie7 ?

**E.Bzz** · 25/04/2007, 10h13

Bonjour,
la totalité de ta fonction serait bienvenue, l'erreur pouvant être la conséquence d'une ligne précédente (celle-là a l'air correcte) ...

A+

**maximenet** · 25/04/2007, 10h18

J'appel ma fonction du type :

Code :

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

<a href="javascript:void(0)" onclick="ajouter_champs();"> lien </a>

ma fonction :

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
function ajouter_champs_code(){
	// recherche du noeud parent
	var divParent = document.getElementById('mon_id_a_remplir');
	// création des nouveaux noeuds
	var nouveauDiv = document.createElement('div');
	var nouveauInput = document.createElement('input');
	var nouveauLabel = document.createElement('label');
	// paramétrage des nouveaux noeuds
	nouveauLabel.appendChild(document.createTextNode("Mon nouveau label :"));
	nouveauLabel.for = 'nouveauId';
	nouveauInput.name = 'nouveau';
	nouveauInput.id = 'nouveauId';
	nouveauInput.type = 'text';
	// raccord des noeuds
	divParent.appendChild(nouveauDiv);
	nouveauDiv.appendChild(nouveauLabel);
	nouveauDiv.appendChild(nouveauInput);
}

mon id dans mon code html:

Code :

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

1
2
 
<div id="mon_id_a_remplir"></div>

**E.Bzz** · 25/04/2007, 10h21

Essaye de créer complétement l'input ( nouveauDiv.appendChild(nouveauInput); ) avant de lui associer le label, sinon, tu fais référence à un objet qui n'existe pas encore

A+

**SpaceFrog** · 25/04/2007, 10h27

http://javascript.developpez.com/faq...DOM#DOMajouter

**maximenet** · 25/04/2007, 10h37

E.Bzz j'ai essayé et çà marche sur ff mais toujours pas sous ie7

si je commente la ligne nouveauLabel.for = 'nouveauId'; alors çà plante pas mais du coup çà me créer pas de for

SpaceFrog je voit pas pourquoi tu me donne ce lien, je l'ai déjà donné plus haut, c de là que je tire ma source

**SpaceFrog** · 25/04/2007, 13h41

arf désolé j'avais pas vu ...

et en dur ça passe le label sous IE7 ?

sinon colle un id à ton label
et après l'avoir appendé :

Code :

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

1
2
 
document.getELementById('monlabel').for='nouveauId')

**jomeo** · 25/04/2007, 13h59

J'ai voulu faire la même chose. Le paramètre concerné est htmlFor et non pas for tout court.

Code :

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

monLabel.htmlFor = "idDiv";

Pour plus d'info sur la classe HTMLLabelElement :

http://krook.org/jsdom/HTMLLabelElement.html

**maximenet** · 25/04/2007, 14h11

merci jomeo c'est bien çà

nouveauLabel.htmlFor = 'nouveauId';
et aussi pour ajouter une class j'avais le meme probleme et il faut
nouveauDiv.className = 'ma_class';

allé hop un probleme de résolu, encore merci d'etre passé par là jomeo

là il faudrai corriger le code dans la faq du site