défénir un ID pour un élément créer avec 'createElement'

Version imprimable

Je pense que tout est dans le titre.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function addnode(el,champs,value){
	var childEl_c=document.createElement("div");
	el.appendChild(childEl_c);
	childEl_c.className='item';
	var childEl_ch=document.createElement("span");
	childEl_c.appendChild(childEl_ch);
	childEl_ch.className='champs';
	var childEl_v=document.createElement("span");
	childEl_c.appendChild(childEl_v);
	childEl_v.className='value';
	var txtNode=document.createTextNode(champs + " : ");
	childEl_ch.appendChild(txtNode);
	var txtNode=document.createTextNode(value);
	childEl_v.appendChild(txtNode);
}

22/08/2006, 15h58
FremyCompany

obj.id="MyId"
22/08/2006, 16h03
Are-no

Je me douté que c'été un truc de simple mais à ce point lol.

et autre détail (niveau grammaire), pour testé le click dessus (ok, avec Onclick) je suis mieux d'écrir ça comment et où surtout ?

Code:

1
2
3
4
obj.onclick=function(e) {
   e=(e)?e:event;
   // ...
}

22/08/2006, 16h10
SpaceFrog

Code:

obj.onclick=function(){alert(this.id)}

ça aproche...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
for (iC=0 ; iC<couple.length ; iC++){
	var champs = couple[iC].getElementsByTagName('champs')[0].firstChild.nodeValue;
	var value = couple[iC].getElementsByTagName('value')[0].firstChild.nodeValue;
	addnode(div,champs,value);
	document.getElementById(champs).onclick = function(){alert(value)}
}
 
function addnode(el,champs,value){
	var childEl_c=document.createElement("div");
	el.appendChild(childEl_c);
	childEl_c.className='item';
	var childEl_ch=document.createElement("span");
	childEl_c.appendChild(childEl_ch);
	childEl_ch.className='champs';
	var childEl_v=document.createElement("span");
	childEl_c.appendChild(childEl_v);
	childEl_v.className='value';
	childEl_v.id = champs;
	var txtNode=document.createTextNode(champs + " : ");
	childEl_ch.appendChild(txtNode);
	var txtNode=document.createTextNode(value);
	childEl_v.appendChild(txtNode);
}

le problème c'est que quelque soit le champs où je clic, j'ai toujours la valeur du dernier inséré.

22/08/2006, 16h38
denisC

Citation:

Envoyé par Are-no

le problème c'est que quelque soit le champs où je clic, j'ai toujours la valeur du dernier inséré.

:faq:
http://javascript.developpez.com/faq...lick.dynamique
22/08/2006, 16h46
Are-no

bah c'est nickel comme ça.

Dernière question: a la place de mon alert, je veut remplacer mon 'span' par un 'input' avec comme valeur par defaut le text qui été dans le 'span'

un replacechild() va t'il suffir au code existant ?
22/08/2006, 17h25
SpaceFrog

heu Denis C ... un lick dynamique ??? c'est pas un peu olé olé ? :grin:
22/08/2006, 17h28
FremyCompany

Citation:

Envoyé par SpaceFrog

heu Denis C ... un lick dynamique ??? c'est pas un peu olé olé ? :grin:

Citation:

Envoyé par Comment attribuer à des objets un onclick faisant appel à une variable de boucle? auteur : SpaceFrog

Dans des cas comme celui ci-dessous, ou on souhaite créer des éléments et leur attribuer un onclick dépendant d'une variable de boucle:

;)
22/08/2006, 17h29
SpaceFrog

en plus ce post de faq il est de moi :D
22/08/2006, 17h32
FremyCompany

Citation:

Envoyé par SpaceFrog

en plus ce post de faq il est de moi :D

Ben oui, c'est pour ca que j'ai mis l'auteur ;)
22/08/2006, 17h34
SpaceFrog

en fait je relevais la faute d'orthographe ... lick dynamique ...
lick en anglais voulant dire lécher ...
22/08/2006, 17h41
FremyCompany

Citation:

Envoyé par SpaceFrog

en fait je relevais la faute d'orthographe ... lick dynamique ...
lick en anglais voulant dire lécher ...

A la base c'est onclick.dynamique mais le "..." on manger le début ;)