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

**Are-no** · 22/08/2006, 15h44

Je pense que tout est dans le titre.

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
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);
}

**FremyCompany** · 22/08/2006, 15h58

obj.id="MyId"

**Are-no** · 22/08/2006, 16h03

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 ?

**FremyCompany** · 22/08/2006, 16h10

Code :

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

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

**SpaceFrog** · 22/08/2006, 16h10

Code :

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

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

**Are-no** · 22/08/2006, 16h26

ça aproche...

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
 
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é.

**denisC** · 22/08/2006, 16h38

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é.

http://javascript.developpez.com/faq...lick.dynamique

**Are-no** · 22/08/2006, 16h46

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 ?