Evenement onClick

Résolu
Bonjour,

J'écris le code suivant:

<script language="javascript" type="text/javascript">
<!--

function boutonLister()
{
var elementInsertion = document.getElementById("idInsertion");
elementInsertion.innerHTML = 'Bonjour';
alert("On s'arrête.")
}

//-->
</script>

<form>
<input type="submit" value="Lister" onClick="boutonLister()" />
</form>

<br><br>

<div id="idInsertion">
</div>

Lorsque j'exécute, 'Bonjour' ne s'affiche que quand la boîte d'alerte est affichée, mais après il s'efface.

Du coup quand je mets l'instruction 'alert("On s'arrête.")' en commentaires, 'Bonjour ne s'affiche presque pas du tout.

Pouvez-vous me dire comment afficher Bonjour de manière permanente?
Existe-t-il un autre évènement que onClick qui pourrait correspondre?

Merci d'avance

3 réponses

  1. Salut,

    <input type="submit" value="Lister" onClick="boutonLister()" />

    Ce n'est pas le bon type.

    Mets plutot:

    <input type="button" value="Lister" onClick="boutonLister()" />
    1. Merci beaucoup de ta réponse, ça marche maintenant!

      Bonne journée
      1. De rien.

        Mets le topic en resolu
    2. Si c'est juste pour un bouton, inutile d'utiliser la balise form
      Par contre, l'élément <input /> ne peut pas être directement dans <body>, mets-le par exemple dans un <p>.