DevInformatique Ralis par HACHIMI SAFAE Module N 20

  • Slides: 10
Download presentation
Dev-Informatique Réalisé par : HACHIMI SAFAE

Dev-Informatique Réalisé par : HACHIMI SAFAE

Module N° 20 : APPLICATION HYPERMÉDIA (HTML, XML, CSS, JAVA-SCRIPT) PARTIE 4 : JAVA-SCRIPT

Module N° 20 : APPLICATION HYPERMÉDIA (HTML, XML, CSS, JAVA-SCRIPT) PARTIE 4 : JAVA-SCRIPT LECON 8 : GESTIONNAIRE DES EVENEMENTS I-Objet DU NAVIGATEUR : HIERARCHIE § Un objet est une entité appartenant au monde des navigateurs ou au langage lui même. § Ils sont soit prédéfinis , soit crées de route pièce par le programmeur. § Un objet possède des propriétés Window { Frame , Location , History , Document } Document { Layer , Link , Image , Area , Anchor , Applet , Plugin , Form } Form { Text. Area , Text , File. Upload , Password , Hudden , Sublit , Reset , Radio , Button , Check. Box , Select} Select { option } Navigator { Plugin , Mime. Type }

II-LES EVENEMENTS : EXEMPLE : <A HREF = ‘’URL ‘’on. Mouse. Over = ‘’FCT

II-LES EVENEMENTS : EXEMPLE : <A HREF = ‘’URL ‘’on. Mouse. Over = ‘’FCT 1() ‘’ on. Mouse. Out = ‘’FCT 2() ‘’></A> on. Blur : se produit quand un champs Text. Area , Text ou Select n’est pas activé. on. Change : se produit quand un champs Text. Area, Text , Select est modifié par l’utilisateur. on. Click : se produit quand un champs Button , Check. Box, Radio. Link ou Submit reçois un click souris. on. Focus : Text. Area, Text ou Select est activé. on. Load : se produit quand le navigateur a fini de charger une fenêtre ou toutes les balises <FRAMESET>

on. Mouse. Over : se produit quand la souris passe sur un Hyper. Lien

on. Mouse. Over : se produit quand la souris passe sur un Hyper. Lien ou une zone activable d’une image on. Select : Text. Area , Text est sélectionné. on. Submit : se produit quand un formulaire est globalement validé appui du bouton Submit on. Un. Load : se produit quand on quitte un document <BODY>, <FRAMESET> On. Error : se produit quand le chargement d’une base produit une erreur. On. Mouse. Out : se produit quand la souris quitte une zone Area d’une image ou un hyperlien On. Reset : se produit quand on clique sur le bouton reset d’un formulaire

III-OBJET BOUTTON : EXEMPLE : <HTML> <HEAD> <Script language="Java. Script"> function reaction(){ alert (

III-OBJET BOUTTON : EXEMPLE : <HTML> <HEAD> <Script language="Java. Script"> function reaction(){ alert ( ‘’Vous venez de presser le bouton. ‘’); } </Script> </HEAD> <BODY> <Input Type = ‘’Button ‘’Value = ‘’Presse-moi! ‘’ on. Mouse. Over =‘’reaction() ‘’onclick= ‘’reaction()’’> </BODY> </HTML>

IV-OBJET SELECT : EXEMPLE : <form name = ‘’F ‘’> <select name =‘’Liste’’on. Change

IV-OBJET SELECT : EXEMPLE : <form name = ‘’F ‘’> <select name =‘’Liste’’on. Change = ‘F. result. value +=F. Liste. Options[F. Liste. Selected. Index]. value ‘ > <option value = ‘’matin ‘’>Matin <option value = ‘’midi ‘’>Midi <option value = ‘’Soir ‘’>Soir </select> <input type=‘’Texte ‘’ size = 40 name = ‘’result ‘’ value =‘’Vous avez selectiooné : ‘’> </form>

1 -PROPRIETES DE L’OBJET SELECT : o Selected. Index : Retourne l’index de l

1 -PROPRIETES DE L’OBJET SELECT : o Selected. Index : Retourne l’index de l ’élément sélectionné dans un champ Select var num =F. Liste. Selected. Index ; o Options[] o F. Liste. Options[num] : est le tableau prédéfinie contenant les objets de la liste. : est l’objet champ situé au N° num. o F. Liste. Options[num]. value : est la valeur de l’option N° num de la liste. o F. Liste. Options[num]. Text : est le texte suivant le champ<option >.

V-OBJET RADIO BUTTON : EXEMPLE : <form name =‘’F ‘’> <input name =‘’choix ‘’type

V-OBJET RADIO BUTTON : EXEMPLE : <form name =‘’F ‘’> <input name =‘’choix ‘’type =‘’radio ‘’ value = ‘’sup. À 10 ‘’ checked onclick = ‘ F. result. value =this. value ‘ > Plus de 10 <input name =‘’choix ‘’type =‘’radio ‘’ value = ‘’ entre 8 et 10‘’ onclick = ‘ F. result. value =this. value ‘ > entre et 8 et 10 <input name =‘’choix ‘’type =‘’radio ‘’ value = ‘’ inf. à 8 ‘’ onclick = ‘ F. result. value =this. value ‘ > moins de 8 </form>

1 -LES PROPRIETES DE L’OBJET RADIO : o F. choix[num ] o Checked :

1 -LES PROPRIETES DE L’OBJET RADIO : o F. choix[num ] o Checked : est le bouton radio N° num. : est décrivant l’état d’un bouton if(F. choix[num]. Checked ){} o F. choix[num]. value : est la valeur associée au bouton N° num de la série de bouton. : VI-CASE A COCHER : CHECKBOX : REMARQUE : L’ETAT Checked doit etre testé individuellement.

DEV-INFORMATIQUE MERCI POUR VOTRE ATTENTION

DEV-INFORMATIQUE MERCI POUR VOTRE ATTENTION