INTERNET ...Construction de Pages WEB.
Fonctions & Evènements n°17
Les Fonctions JavaScript sont beaucoup utilisées en association avec les
évènements gérés par JavaScript ..En fait c'est un événement qui est à l'origne d'appel de
fonction.
Qu'est-ce qu'un évènement
Citons quelques évènements JavaScript :
Click de souris , Survol d'un objet par la souris , La fin du chargement d'une page Html , etc…
Voici les différents évènements et le type d'objet sur lesquels ils peuvent avoir lieu
Attention, à l'écriture de leur nom il faut bien respecter majuscules et minuscules.
Nom événement Objet concerné
onClick button,checkbox,link,reset,submit
onChange select
onMouseOver link, area
onMouseOut link , area
onError image , fenêtre
onFocus frame , select , text , textarea , window
onBlur idem
onSubmit form
onReset idem
onUnload page (balise body)
onLoad idem
Ceci va nous permettre d'appliquer ces quelques connaissances à un cas concret au sein d'une page web .
Supposons un formulaire placé dans un document (page web) , dans le quel il y a un champ de saisie
permettant à un utilisateur d'y placer son adresse E-Mail. Nous souhaitons que le formulaire ne puisse
pas être émis tant que le champ E-Mail n'est pas renseigné .
Donc, prévoyons une Page Html contenant un formulaire et le code JavaScript nécessaire :
<html>
<SCRIPT language="JavaScript"><!--
function verif() //écriture de la fonction
{
if (document.forme.email.value=="")
alert("Oh! vous avez oublié de fournir votre E-Mail!!");
else
document.forme.submit();
} // -->
</script>
<body>
<form name="forme">
<input type="text" name="email" size="30" >
<input type="button" onClick="verif();" value="envoi">
<input type="reset" value="RAZ">
</form>
</body>
</html>
La Fiche suivante permettra d'expliciter toutes ces lignes de code JavaScript afin de bien les
comprendre.
19 SUITE