Evenement onClick
Résolu
miktop
-
avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention -
avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention -
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
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
-
Salut,
<input type="submit" value="Lister" onClick="boutonLister()" />
Ce n'est pas le bon type.
Mets plutot:
<input type="button" value="Lister" onClick="boutonLister()" />
-
-
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>.
