Table des matières
Niveau
..........
En rapport...

Bloquer un évènement consécutif à un clic

Sous ce titre peu explicite ce cache une simple astuce que l'on a tendance a oublier.
Imaginons que vous aillez un lien (<a href=””></a>) et que vous vouliez que :

comment feriez vous ?
Même principe avec une case a coché ou un bouton :
Exemple, vous voulez que la case a coché soit :

Pour les éléments de formulaire, il existe bien la propriété disabled=“true” mais celle-ci désactive directement l'élément, ce qui a pour effet de ne pas le posté lors de la soumission du formulaire. Assez gênant…

Bloquer les évènements

L'idée est donc de bloquer les évènements consécutif à un clic.
Pour cela, on va utiliser l'attribut onclick=”” .
Celui-ci, est activé en tous 1er lors d'un clic sur un objet. L'évènement interne de l'objet est donc appeler juste après.
Si dans l'évènement “onclick” on place “return false;” le navigateur va réagir comme si quelque chose c'était mal passé dans le onclick et va donc annulé la suite des évènements.
L'évènement interne de l'objet n'aura donc pas lieu.

Exemple

Lien vers le wikistuce

html4strict
<a href="http://www.wikistuce.info" onclick="return false;">Lien vers le wikistuce</a>
<form action="" method="post">
<input type="checkbox" name="check" id="check" value="1" checked="true" onclick="return false;" />
<label for="check">Exemple de checkbox</label>
<form>
En plaçant onclick=“return false;” dans la balise “body” vous pouvez désactiver en une seule fois bon nombre d'objet sur votre page.


01/06/2006 09:28 -

iDo –