text disparait avec appendChild

Version imprimable

Bonjour,
J'essaye d'ajouter dynamiquement un texte dans un div avec la fonction javascript suivante:
Code:

1 2 3 4 5 function showAlert() { var alerte = document.createTextNode("Erreur: Votre nom d\'utilisateur est déja pris ou n\'est pas assez long (4 caractères minimum), ou bien votre mot de passe est trop court (6 caractères minimum)"); document.getElementById("alert").appendChild(alerte); }
Avec, dans mon document HTML, un div qui porte l'id "alerte".
Lorsque j'éxécute cette fonction, le texte apparait une fraction de seconde, puis disparait... est-ce que quelqu'un aurait une solution pour cela? On dirait que la page se rafraichit automatiquement, ce qui fait disparaitre mon alerte...

merci d'avance ;)

tu dois avoir un autre bout de script qui efface le contenu

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type='text/javascript'>
function showAlert() {
	var alerte = document.createTextNode("Erreur: Votre nom d\'utilisateur est déja pris ou n\'est pas assez long (4 caractères minimum), ou bien votre mot de passe est trop court (6 caractères minimum)");
	document.getElementById("alert").appendChild(alerte);
}
</script>
</head>
 
<body>
<div id='alert'></div>
<script type='text/javascript'>
showAlert() 
</script>

07/11/2007, 22h38
tishu

Salut et merci de ta réponse.

En fait l'appel à la fonction s'effectuait par un bouton type submit, et j'ai réalisé que c'est le code normalement associé a ce bouton qui rafraichissait la page.
J'ai donc crée un bouton type button. Cela ne rafraichit pas, donc mon texte reste. Seulement maintenant le bouton ne s'actionne pas lorsqu'on presse enter dans un champ du formulaire.
Je devrais écouter l'appui sur enter pour executer le bouton, mais bon, je vais en rester là au moins pour le moement.