manipulation de "node"

**PierreVeuillez** · 02/03/2011, 15h50

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 :

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

**Bovino** · 02/03/2011, 16h15

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

**SpaceFrog** · 02/03/2011, 16h18

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

<form onsubmit="return false" >

Ou ne pas mettre de balise form...

Ou remplacer le bouton par un input type button

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<input type='button' onclick="tester()" value="tester" />

**PierreVeuillez** · 02/03/2011, 16h27

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.

manipulation de "node"

JavaScript

Partager

Partager