réinventer le cloneNode

**SpaceFrog** · 08/10/2008, 13h11

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 :

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

**DoubleU** · 08/10/2008, 14h02

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 :

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

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.

**le_chomeur** · 08/10/2008, 14h15

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 ?

**DoubleU** · 08/10/2008, 15h43

Edit: En fait nan c'est bon c'est moi qui ait craqué

**le_chomeur** · 08/10/2008, 15h55

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

**bigboomshakala** · 09/10/2008, 14h49

et si tu assignes le name like that

Code :

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

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 :

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

réinventer le cloneNode

JavaScript

Discussions similaires

Partager

Partager