La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

TP n°2 Javascript EVENEMENTS ET OBJETS 1.Événements souris 2.Analyse de code javascript 3.Balise 4.Gestion de fenêtre 5.Informations sur le navigateur.

Présentations similaires


Présentation au sujet: "TP n°2 Javascript EVENEMENTS ET OBJETS 1.Événements souris 2.Analyse de code javascript 3.Balise 4.Gestion de fenêtre 5.Informations sur le navigateur."— Transcription de la présentation:

1 TP n°2 Javascript EVENEMENTS ET OBJETS 1.Événements souris 2.Analyse de code javascript 3.Balise 4.Gestion de fenêtre 5.Informations sur le navigateur et l’écran © BTS IRIS 2002 [tv]

2 Exercice n°1: Événements souris Placer une image dans un lien. Installer un gestionnaire d’événement qui permet de changer l’image lorsque le pointeur de la souris se trouve sur ce lien. On revient sur l’image d’origine lorsque le pointeur de la souris quitte ce lien. Le gestionnaire d’événement sera réalisé par une seule et unique fonction qui recevra en argument l’action à réaliser. Le pointeur de la souris est positionné sur l’image : elle devient bleue Le pointeur de la souris quitte l’image : elle redevient rouge

3 Tester l’exemple suivant : Exercice n°2: Analyse de code js Exemple JavaScript var text = 'Bienvenue sur mon site web...'; var spaces = ' '; var i = spaces.length; function scroller() { i--; if(i > 0) window.status = spaces.substr(0,i) + text; else window.status = text.substr(-i); if(i < -(text.length)) i = spaces.length; } a)Que fait ce script ? b)Placer, à l’intérieur de ce script, des commentaires pertinents.

4 Exercice n°3: Balise Écrire un script js qui permet de compter le nombre de caractères tapés au clavier. On utilisera des balises pour afficher un texte d’aide en couleur lorsque le pointeur de la souris est placé sur les 3 éléments suivants : Exemple de balise :


Télécharger ppt "TP n°2 Javascript EVENEMENTS ET OBJETS 1.Événements souris 2.Analyse de code javascript 3.Balise 4.Gestion de fenêtre 5.Informations sur le navigateur."

Présentations similaires


Annonces Google