Javascript

zUn langage de programmation ypour les pages html yCôté client yInterprété xLe code source est transformé en byte code au fur et à mesure de son utilisation yLangage de scriptage xMoins complexes (e.g. pas de threads, de gestion de la mémoire, etc.) xNe créent pas eux-mêmes les interfaces yHaut niveau yOrienté objet zJavaScript s’exécute seulement sur les pages courantes du browser en n’importe quel temps zQuand l’usager arrête de regarder la page, tous les scripts sont immédiatement arrêtés zLa seule exception est via un cookie, qui peut être utilisé par plusieurs pages pour se transmettre de l’information, même après que la page ait été fermée.

Capacités de javascript zMettre du texte dynamique dans une page html zRéagir aux événements zLire et écrire des éléments html zValider des données zIdentifier et interagir avec le browser zCréer et manipuler des cookies zOuvrir des fenêtres zChanger des images zBouger du texte

Usage non dynamique zChanger les images lors du passage de la souris sur un lien zOuvrir une nouvelle fenêtre du browser zÉcrire du contenu dynamique zManipuler et vérifier les formulaires zConserver les variables d’une page pour être utilisées sur une autre page zObtenir des informations sur le browser

Dynamic HTML (DHTML) zUn ensemble de technologies utilisées ensemble pour créer des sites web interactifs et animés yUn langage de balises statiques : HTML yUn langage de scriptage côté client : JavaScript yUn langage de définition de présentation : Cascading Style Sheets, CSS y Document Object Model. z« Page web dynamique » générée ycôté client : JavaScript… ycôté serveur : PHP, Perl…

Usage dans un contexte DHTML zAfficher / cacher du contenu yExemples : Menu Popup, tooltips, etc. zDéplacer du contenu yexemples : animation, trace de la souris, horloge analogique… zContenu réinscriptible yExemples : remplacer une chaîne, message scroller zW3C DOM yExemples: importer des fichier de données XML, jeux, etc.

Intégration de code javascript dans une page ou provenant d’une librairie

Où placer les instructions z « body » yExécution du code JavaScript pendant le chargement de la page. z« head » yExécution lors de l’appel de la page

Conditionnelles

JavaScript Popup Boxes zalert("sometext") zconfirm("sometext") zprompt("sometext","defaultvalue")

fonctions

Boucles zfor zwhile zbreak zcontinue zfor (variable in object)

événements

L’événement onload

Un événement; plusieurs actions zSéparer les actions par un point-virgule zLa fonction dothis Seulement sera exécutée

Evénement onmousover zEvénement de la souris : onmousover zEvénement d’un formulaire : onsubmit

Quel bouton de la souris a été cliqué ?

exceptions

Objets de base zString zDate zArray zBoolean zMath

Object du navigateur

HTML DOM

L’objet Document

Modifier la largeur et la hauteur d’une image

Cookies zDonnées persistantes entre les requêtes des clients yPermanents xDans un fichier texte expires ySession xDans la mémoire du navigateur xPublic xAccessible à tous les scripts de tous les sites zFormat d’un cookie ydocument.cookie = 'mycookie=hello;expires=Fri, 17 Dec :00:00 GMT';

Ajouter un cookie

Obtenir la valeur d’un cookie

Création d’objets à l’aide de new Object()

Création d’objets à l’aide de la notation littérale

Constructeur zUne fonction + new -- réutilisable

Prototype

Héritage

AJAX zAsynchronous Javascript and XML zLa page n’est pas rechargée zUtilisation yValidation par le serveur des données d’un formulaire en temps réel yAutocompletion yPréchargement à la demande. yContrôles et effets sophistiquées dans les interfaces usager sans rechargment des pages: progress bar, calendriers, arbres… yRafraîchissement des données etmode « push » par le serveur ySoumission partielle sans rechargement de la page: listes de formulaires dépendants. yMashups: obtenir et intégrer des données provenant de plusieurs sources. yPage == application qui s’approche d’une application desktop.

Propriétés de la requête

Méthodes de la requête

Post

Exemples zhttp://

Références zJavascript tutorial yhttp:// yhttp:// dpagehttp:// dpage yhttp:// yhttp://