Exercices sur le thème de javascript, Exercices de Application informatique
Francine88
Francine8829 January 2014

Exercices sur le thème de javascript, Exercices de Application informatique

PDF (92.4 KB)
2 pages
74Numéro de visites
Description
Exercices d’informatique sur le thème de javascript. Les principaux thèmes abordés sont les suivants: exercices de 1 à 4.
20points
Points de téléchargement necessaire pour télécharger
ce document
Télécharger le document
TP8

WEB MULTIMÉDIA

TP 8 : 19/12/2007

Javascript

Exercice 1 : Vous utiliserez la méthode write de l’objet document du DOM pour afficher des variables. Vous définirez une variable appelée texte qui contient la chaîne de caractère « Mon chiffre préféré est » et une autre variable qui est initialisée à 7. Ecrivez un document HTML qui contient un script qui affiche « Mon chiffre préféré est 7 » dans le document. Exercice 2 : Ecrire un document HTML qui contient une zone de texte. Cette dernière mettra le texte tapé en majuscules suite à la frappe de la touche Entrée (événement OnChange). Pour avoir accès à la valeur d’un objet, on utilise l’attribut value. Pour passer une chaîne de caractères en majuscules, on utilise toUpperCase(). Exercice 3 : Ecrire un document HTML qui contient l’image « Floun.gif » sans bordure, le fait de passer la souris sur l’image change l’image affichée (la nouvelle est « ariel.gif »), lorsque la souris sort de la zone de l’image, l’image initiale (« Floun.gif » réapparaît). De plus un clic souris sur l’image n’amène à aucun lien mais affiche dans le document, le texte « Coucou » au coordonnées (0,250) en arial, bold (le texte est initialement invisible). Un nouveau clic doit faire disparaître le texte qui vient d’apparaître. La visibilité d’un élément HTML se définit grâce à la propriété « visibility » que l’on définit dans une feuille de style. Exercice 4 : Ecrire un script qui permet d’afficher une à une et à intervalles de temps régulier les lettres du mot « Bonjour ». Vous devrez utiliser un timer qui affichera une lettre toutes les 500 millisecondes. Chaque lettre se situera à la coordonnée (100, X), X désigne la coordonnée horizontale de la lettre. La première lettre se situera à la coordonnée horizontale 150, la deuxième à 200, etc. Pour pourvoir fonctionner, vos lettres devront apparaître les unes après les autres, ce qui suppose qu’initialement dans le document elles étaient invisibles. Vous utiliserez par conséquent la feuille de style suivante pour les lettres du mot.

WEB MULTIMÉDIA ©

<style type="text/css"> .lettre { position: absolute; color: lime; font-family: sans-serif; font-size: 36pt; font-weight: bold; visibility: hidden; } </style>

Voilà un exemple d’affichage de la page à intervalle successifs.

commentaires (0)
Aucun commentaire n'a été pas fait
Écrire ton premier commentaire
Ceci c'est un aperçu avant impression
Chercher dans l'extrait du document
Docsity n'est pas optimisée pour le navigateur que vous utilisez. Passez à Google Chrome, Firefox, Internet Explorer ou Safari 9+! Téléchargez Google Chrome