manipulation de "node" [Résolu]

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.

02/03/2011, 16h15	#2
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 805 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 805 Points : 35 807 Points : 35 807	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" /> __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

02/03/2011, 16h18	#3
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	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" /> __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

02/03/2011, 16h27	#4
PierreVeuillez Candidat au titre de Membre du Club Inscription : novembre 2007 Messages : 21 Détails du profil Informations forums : Inscription : novembre 2007 Messages : 21 Points : 13 Points : 13	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.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email