réinventer le cloneNode

Version imprimable

Je cherchais à faire une focntion pour attribuer un name sous IE ...

La seul façon d'y arriver étant de detruire et de remplacer je tentais de scanner les propriétés de l'ancien pour les attibuer au nouveau ..

Deux problèmes :

Le propiétés en lecture seule, comment les detecter pour les skipper ?

Le style n'a pas l'air de couloir se cloner ???

voici un essai:

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
25
26
27
28
29
30
31
32
<script type="text/javascript">
 
function setName(obj,nom){
 
var NewObj=document.createElement('<'+obj.tagName+' name="'+nom+'" />')
var NewId=obj.id;
obj.id="";
NewObj.id=NewId;
var Liste=""
document.body.insertBefore(NewObj,obj);
for (prop in obj){if (prop.toLowerCase()!="name" && prop.toLowerCase()!="id"){
							document.getElementById(NewId).prop=obj[prop];
							Liste+=prop+ " > " +obj[prop] + "<br />"
							}
 
					}
 
document.body.removeChild(obj);
document.getElementById('list').innerHTML=Liste
}
</script>					
 
</head>
 
<body>
<input type="text" value="test"  id="foo" style='color:red'/>
<input type='button' onclick="setName(document.getElementById('foo'),'dddd')" value='go'/>
<input type='button' onclick="alert(document.getElementsByName('dddd').length)" value='go'/>
<div id='list'></div>
</body>
 
</html>

08/10/2008, 14h02
DoubleU
Pour les propriétés en lecture seule, un try/catch devrait faire l'affaire.

Pour le style, peut être faudrait-il copier les propriétés de style une par une?
Code:

1 2 3 4 5 6 7 if (prop.toLowerCase == "style") { for(var v in prop) { document.getElementById(NewId).style[v] = obj[v] } }
Par ailleurs, cette histoire de name m'intrigue parce que justement hier j'ai eu besoin de créer et modifier dynamiquement des valeurs de name sur un select et je récupère bien mes valeurs correctement coté serveur.
08/10/2008, 14h15
le_chomeur

un exemple simple coté client et du script coté serveur doubleU ??

autre question pour spaffy :
le style est bien définit sur la balise et non sur une class css ?
08/10/2008, 15h43
DoubleU

Edit: En fait nan c'est bon c'est moi qui ait craqué :yaisse2:
08/10/2008, 15h55
le_chomeur

ok j'ai compris pourquoi cela fonctionne dans ton cas :

-> tu récupères les données coté client pour les traiter coté php , et non un envois direct ( comme un post sur un formulaire ).

en faisant la même chose mais non ajax , cela ne fonctionnera pas :)

et si tu assignes le name like that

Code:

toto.name = "myName";

et que tu définies un équivalent à getElementsByName() pour IE qui sera cette fois capable de te remonter les champs dont le name à changé ?
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 function getElementsByName(name, tag, elm){ var tag = tag || "*"; var elm = elm || document; var elements = elm.getElementsByTagName(tag); if (elements.length==0){ return []; } var returnElements = []; var i = 0; var current = elements[0]; while(current){ if(current.name == name){ returnElements.push(current); } i++; current = elements[i]; } return returnElements; }