manipulation de "node"

Version imprimable

Quand je duplique le noeud, la duplication apparaît à l'écran tant que "alert(...)" bloque le déroulement, puis il disparait...

ceci sous firefox 3.6.13
Alors que sous IE il reste affiché.

J'ai essayé en changeant le nom du nouveau noeud, (nd.id="lala") mais rien n'y fait.

Quelqu'un aurait-il une idée ?
Merci
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <body> <script> function tester(){ var noeud=document.getElementById("ici"); var nd=document.getElementById("la").cloneNode(true); noeud.appendChild(nd); alert("arret"); } </script> blalbla <span id="ici">et encore</span> <span id="la">autre chose</span> <form> <button onClick="tester()">tester</button> </form> </body>

02/03/2011, 16h15
Bovino

C'est à cause de la balise <form>.
Une balise <button> se comporte par défaut comme un submit, donc dans ton exemple, le clic exécute la fonction puis recharge la page, donc la modification disparait.
Essaye soit en supprimant la balise form, soit en utilisant une balise <input type="button" />
02/03/2011, 16h18
SpaceFrog

C'est en effet une bizarrerie que je n'avais jamais encore rencontré.

L'explication en est simple :
FFX considère la balise bouton comme un bouton submit qui déclenche l'envoi
du form.
To form n'ayant pas d'action, par defaut il considère la page action comme la page du form, donc il recharge

Solutions:

mettre un inhibiteur de soumission du form

Code:

<form onsubmit="return false" >

Ou ne pas mettre de balise form...

Ou remplacer le bouton par un input type button

Code:

<input type='button' onclick="tester()" value="tester" />
02/03/2011, 16h27
PierreVeuillez

Merci à tous

Une heure d'essais sans trouver le pourquoi !
et 5 minutes grâce à vous
MERCI !

On peut conserver le bouton en retirant la balise <form> et tout fonctionne bien.