VBScript - Événements
Qu'est-ce qu'un événement?
L'interaction de VBScript avec HTML est gérée par des événements qui se produisent lorsque l'utilisateur ou le navigateur manipule une page. Lorsque la page se charge, c'est un événement. Lorsque l'utilisateur clique sur un bouton, ce clic est également un événement. D'autres exemples d'événements incluent l'appui sur n'importe quelle touche, la fermeture de la fenêtre, le redimensionnement de la fenêtre, etc. autre type de réponse imaginable.
Les événements font partie du modèle d'objet de document (DOM) et chaque élément HTML a un certain ensemble d'événements, qui peuvent déclencher du code VBScript. Veuillez suivre ce petit tutoriel pour une meilleure compréhension de la référence d'événements HTML . Ici, nous allons voir quelques exemples pour comprendre une relation entre Event et VBScript.
Type d'événement onclick
Il s'agit du type d'événement le plus fréquemment utilisé, qui se produit lorsqu'un utilisateur clique sur le bouton gauche de la souris. Vous pouvez mettre votre validation, avertissement, etc., contre ce type d'événement.
Exemple
<html>
<head>
<script language = "vbscript" type = "text/vbscript">
Function sayHello()
msgbox "Hello World"
End Function
</script>
</head>
<body>
<input type = "button" onclick = "sayHello()" value = "Say Hello"/>
</body>
</html>Cela produira le résultat suivant, et lorsque vous cliquez sur le bouton Hello, l'événement onclick se produira qui déclenchera la fonction sayHello ().
type d'événement onsubmit
Un autre type d'événement le plus important est onsubmit . Cet événement se produit lorsque vous essayez d'envoyer un formulaire. Vous pouvez donc comparer la validation de votre formulaire à ce type d'événement. Le formulaire est soumis en cliquant sur le bouton Soumettre, la boîte de message apparaît.
Le formulaire est soumis en cliquant sur le bouton Soumettre, la boîte de message apparaît.
Exemple
<html>
<head> </head>
<body>
<script language = "VBScript">
Function fnSubmit()
Msgbox("Hello Tutorialspoint.Com")
End Function
</script>
<form action = "/cgi-bin/test.cgi" method = "post" name = "form1" onSubmit = "fnSubmit()">
<input name = "txt1" type = "text"><br>
<input name = "btnButton1" type = "submit" value="Submit">
</form>
</body>
</html>onmouseover et onmouseout
Ces deux types d'événements vous aideront à créer de jolis effets avec des images ou même avec du texte. L' événement onmouseover se produit lorsque vous amenez votre souris sur un élément et le onmouseout se produit lorsque vous retirez votre souris de cet élément.
Exemple
<html>
<head> </head>
<body>
<script language = "VBScript">
Function AlertMsg
Msgbox("ALERT !")
End Function
Function onmourse_over()
Msgbox("Onmouse Over")
End Function
Sub txt2_OnMouseOut()
Msgbox("Onmouse Out !!!")
End Sub
Sub btnButton_OnMouseOut()
Msgbox("onmouse out on Button !")
End Sub
</script>
<form action = "page.cgi" method = "post" name = "form1">
<input name = "txt1" type = "text" OnMouseOut = "AlertMsg()"><br>
<input name = "txt2" type = "text" OnMouseOver = "onmourse_over()">
<br><input name = "btnButton" type = "button" value = "Submit">
</form>
</body>
</html>Cela produira un résultat lorsque vous passez la souris sur la zone de texte et également lorsque vous éloignez le focus de la zone de texte et du bouton.
Événements standard HTML 4
Les événements HTML 4 standard sont répertoriés ici pour votre référence. Ici, le script indique une fonction VBScript à exécuter contre cet événement.
| un événement | Valeur | La description |
|---|---|---|
| sur le changement | scénario | Le script s'exécute lorsque l'élément change |
| onsubmit | scénario | Le script s'exécute lorsque le formulaire est soumis |
| une réinitialisation | scénario | Le script s'exécute lorsque le formulaire est réinitialisé |
| le flou | scénario | Le script s'exécute lorsque l'élément perd le focus |
| onfocus | scénario | Le script s'exécute lorsque l'élément obtient le focus |
| onkeydown | scénario | Le script s'exécute lorsque la touche est enfoncée |
| onkeypress | scénario | Le script s'exécute lorsque la touche est enfoncée et relâchée |
| onkeyup | scénario | Le script s'exécute lorsque la clé est relâchée |
| sur clic | scénario | Le script s'exécute lorsqu'un clic de souris |
| ondblclick | scénario | Le script s'exécute lorsqu'un double-clic de souris |
| onmousedown | scénario | Le script s'exécute lorsque le bouton de la souris est enfoncé |
| à la souris | scénario | Le script s'exécute lorsque le pointeur de la souris se déplace |
| à la souris | scénario | Le script s'exécute lorsque le pointeur de la souris sort d'un élément |
| onmouseover | scénario | Le script s'exécute lorsque le pointeur de la souris se déplace sur un élément |
| onmouseup | scénario | Le script s'exécute lorsque le bouton de la souris est relâché |