Forums | Contact | Plan du site Menu Accueil » Création de site

JAVASCRIPT

  Le Javascript permet d'effectuer certaines opérations à des moments bien précis. Dès que le visiteur effectue une opération sur la page, un évènement est susceptible d'être déclenché. Par exemple, lorsqu'il clique sur un lien, un évènement onclick est déclenché ou lorsqu'il bouge le curseur, des évènements onmouseover et onmouseout sont déclenchés. Vous trouverez ci dessous la liste des évènements javascript ainsi que des exemples de gestion de ces évènements.

Vous avez des problèmes avec javascript ? N'hésitez pas à poser vos questions sur le forum !


Liste des évènements

 

Evénement Se produit... S'applique à :
onabort lorsque l'utilisateur a stoppé le chargement de l'image. Objet javascript : image
Balises HTML : img
onblur lors de la perte du Focus. Objet javascript : form, window, frame
Balises HTML : input, textarea, select, body, frame, frameset
onchange quand on change le contenu. Objet javascript : form
Balises HTML : input, textarea,select
onclick quand on clique. Objet javascript : link,document, form
Balises HTML : a, body,area
ondlclick quand on fait un double clique. Objet javascript : link, document,area
Balises HTML : a, body, area
ondragdrop quand on déplace un objet dans une fenêtre. Objet javascript : window, frame
Balises HTML : body, frame, frameset
onerror lorsqu'il se produit une erreur de script. Objet javascript : image, window, frame
Balises HTML : img, body, frame, frameset
onfocus quand un élément prend le focus. Objet javascript : window, frame, form
Balises HTML : body, frameset, frame, input
onkeydown quand une touche du clavier est enfoncée. Objet javascript : link, image, document, form
Balises HTML : a, img, body, textarea
onkeypress quand on appuie sur une touche. Objet javascript : link, image, document, form
Balises HTML : a, img, body, textarea
onkeyup quand on lâche une touche du clavier. Objet javascript : link, image, document, form
Balises HTML : a, img, body, textarea
onload lors du chargement. Objet javascript : image, window, frame
img, body, frameset, frame
onmousedown quand le bouton de la sourie est appuyé. Objet javascript : link, document, form
Balises HTML : a, body, form
onmousemove quand le curseur bouge. Objet javascript : link, document, form
Balises HTML : a, body, form
onmouseout quand le curseur sort de l'objet. Objet javascript : link, area
Balises HTML : a, area
onmouseover quand le curseur passe au dessus de l'objet Objet javascript : link, area
Balises HTML : a, area
onmouseup quand le bouton de la sourie est relâché. Objet javascript : link, document, form
Balises HTML : a, body, input
onmove quand on déplace la fenêtre. Objet javascript : window, frame
Balises HTML : body, frameset, frame
onreset quand on réinitialise. Objet javascript : form
Balises HTML : form
onresize quand on redimensionne. Objet javascript : window, frame
Balises HTML : body, frameset, frame
onselect quand on sélectionne. Objet javascript : form
Balises HTML : input, textarea
onsubmit quand on envoie un formulaire. Objet javascript : form
Balises HTML : form
onunload quand on ferme la fenêtre. Objet javascript : window, frame
Balises HTML : body, frameset, frame

N'hésitez pas à poser toutes vos questions sur le forum !


Exemples d'utilisation des évènements

 

Pour exécuter du code lors d'un clic sur un lien :
<a href="lien" onclick="javascript:alert('Améliorez votre PC au meilleur prix - frais de port offerts !')" target="_blank"><img src="image"></a>


Autres
curseurs

Pour afficher un curseur différent, à la place de la flêche habituelle :
<input type="submit" name="bouton" value="Bouton" onmouseover="this.style.cursor='hand'">

crosshair default hand move e-resize ne-resize n-resize
nw-resize w-resize sw-resize s-resize se-resize text wait help

Pour sélectionner le texte d'une boîte de saisie :
<input type="text" name="page" class="blanc" style="width:140" onfocus="javascript:this.select();">

Simple texte
Pour ouvrir un lien lorsqu'un visiteur passe sur un objet, du texte :
// Nb : à titre d'exemple, la fonction est placée dans une fonction :
<script language="javascript> function golien(URL) {window.open(URL,'C&C','height=480,width=640)}</script>
<a href="#" onmouseover="golien('http://www.conseil-creation.com')">Simple texte</a>

 

Vous avez un bon exemple à ajouter ? N'hésitez pas à l'envoyer...

 


Une question ? Venez échanger sur le forum...
Nom :
Sujet :
 

© Cédric MICHEL - conseil & création ( 2003 / 2019 )