[POO] Modification attribut name sous IE

Version imprimable

07/10/2008, 21h59
anankee

[POO] Modification attribut name sous IE

Bonjour,

Je cherche à pouvoir modifier l'attribut name d'une balise en javascript avec IE.
Pour FF, pas de souci = setAttribute.

Après quelques recherches, j'ai pu lire que name ne pouvait être modifié après avoir été créé, entre-autre chose.

Est-ce vrai ? Certains ont-ils trouvé une solution de contournement ? Attention, Je veux modifier l'attribut et non le supprimer pour le recréer ensuite.

J'ai essayé avec des document.getelementById.name = "abcde" ou document.getelementById.childNodes[x].name ="abcde" mais sans résultat.

une p'tite idée :roll:

bonjour,

si ça marche (IE 7 et FF) :

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
33
34
35
36
37
38
39
40
41
42
43
44
45
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
 
<head>
 
<title></title>
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="fr" />
 
 
 
<script type="text/javascript">
<!--
function changeNom()
{
  document.getElementById("idCoucou").name = "salut";
}
function verif()
{
  alert(document.getElementById("idCoucou").name);
}
//-->
</script>
 
</head>
 
<body>
 
<form>
<div>
 
<input type="text" name="coucou" id="idCoucou" />
 
<input type="button" onclick="changeNom()" value="change nom"/>
<input type="button" onclick="verif()" value="vérifier"/>
 
</div>
</form>
 
</body>
 
</html>

1- Clique sur le bouton "vérifier" ça affichera "coucou"
2- Clique sur le bouton "change nom"
3- Clique sur le bouton "vérifier" ça affichera "salut"

08/10/2008, 08h35
SpaceFrog

Ce n'est malheureusement pas aussi simple ..

IE n'aacepte pas la modifiaction du name de façon dynamique, ou tout du moins si il semble l'accepter avec le test de l'alert, pour des éléments de formulaire, il ne sont pas reconnus àprès coté serveur...

le seul moyen de donner dynamiquemnet un name à un objet de formulaire pour que celui ci soit reconnu par le serveur est de le faire au moment de la creation

Code:

document.createElement('<input name="xxx" />'

Je te conseille à ce propos d'aller faire un tour dans les contributions javascript ou j'ai posté un article et une petite librairie sosu le nom "FORM DYMAMIQUE mais pas que from ..."
08/10/2008, 10h36
anankee

Je confirme que même si aucune erreur ne ressort sous IE quand on utilise setattibute ou .name ="new NOM", même si le resultat de l'alert affiche bien le changement, rien de change dans le code source de la page générée.

SpaceFrog, apparemment, tu valides que l'on ne peut pas modifier le name après sa création et donc on est obligé de supprimer la balise entière puis de la recréer pour "modifier" son name :(

Merci
08/10/2008, 10h44
SpaceFrog

je confirme tu es obliger de supprimer et de recréer

ceci étant tu peux faire une routine de "clonage" pour tous les autres attributs ...

suffit de créer le nouveau avec son name , puis de scanner les propriétés de l'ancien pour les attribuer au nouveau et enfin detruire l'ancien