[DOM] creer label dans le dom

Version imprimable

25/04/2007, 10h05
maximenet

[DOM] creer label dans le dom

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

Code:

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 ?
25/04/2007, 10h13
E.Bzz

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+

J'appel ma fonction du type :

Code:

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

ma fonction :

Code:

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:

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

25/04/2007, 10h21
E.Bzz

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+
25/04/2007, 10h27
SpaceFrog

http://javascript.developpez.com/faq...DOM#DOMajouter
25/04/2007, 10h37
maximenet

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
25/04/2007, 13h41
SpaceFrog
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:

1 2 document.getELementById('monlabel').for='nouveauId')
25/04/2007, 13h59
jomeo

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

Code:

monLabel.htmlFor = "idDiv";

Pour plus d'info sur la classe HTMLLabelElement :

http://krook.org/jsdom/HTMLLabelElement.html
25/04/2007, 14h11
maximenet

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
25/04/2007, 14h16
E.Bzz

Citation:

Envoyé par maximenet

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

Comme tu dis :)

Peut-être un pb de nav, parce que normallement, c'est testé !

... enfin, faut espérer :roll:
25/04/2007, 14h21
SpaceFrog

Arf en plus moi aussi je l'ai déja croisé ce htmlFor ...

c'est pas beau de vieillir ... :aie: :( :?
25/04/2007, 15h22
maximenet

Citation:

Envoyé par E.Bzz

Peut-être un pb de nav, parce que normallement, c'est testé !

oui çà passait peut etre sur ie6 mais plus sur ie7, faudrai faire le teste, moi j'ai plus ie6