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

Vue hybride

Partager

Partager