| Exemple | Exécuter | Voir les sources | jQuery | sources jQuery | |||
|---|---|---|---|---|---|---|---|
| Page HTML simple (schéma de sa structure DOM) | html | html | css | ||||
| Info bulle (tooltip) en CSS | html | html | css | ||||
| Date du browser | html | html | js | html | html | js | |
| Outils de manipulation de structure DOM | css | js | js | ||||
| Création d'objets | html | html | css | js | html | html | |
| Programmation fonctionnelle | html | html | css | js | html | html | |
| Calculette | html | html | css | js | html | html | js |
| Formulaire (Rappel des éléments de formulaire) | html | html | css | js | html | html | js |
| Validation sommaire d'un numéro de carte de crédit | html | html | css | js | html | html | js |
| Liste sélective | html | html | css | js | html | html | js |
| *Déplacement dynamique de texte | html | html | css | js | html | html | js |
| *Détection d'une position indiquée par la souris | html | html | css | js | html | html | js |
| *Affichage d'un texte à une position indiquée par la souris | html | html | css | js | html | html | js |
| *Glisser et déposer (drag'n drop) | html | html | css | js | html | html | js |
| *Empilement d'images | html | html | css | js | html | html | js |
| Manipulation de Canvas | html | html | js | html | html | js | |
| Le tigre Ghostscript en SVG | svg | svg | |||||
| Jeu d'arcade avec Canvas | html | html | js | html | html | js | |
| Jeu d'arcade avec SVG | html | html | js | html | html | js | |
| Vérificateur d'expressions régulières en Javascript | html | html | js | html | html | js | |
| Affichage des fréquences de lettres avec D3.js données: anglais français | html | html | css | js | |||
| Jeu de Solitaire (Danny Swarzman, MacTech, June 2000, Vol 16, no 6) | html | html | |||||
| Micro Javascript framework utile pour le cours IFT3225 | js | ||||||
* Exemples inspirés du Chapitre 6 du Livre de Sebesta mais reprogrammés pour utiliser la modification de la structure DOM
Outils/Développement Web ou télécharger FirebugAvancées du menu Safari/Préférences et cocher la case Afficher le menu Développement dans la barre des menusAfficher/Options pour les développeurs/outils de développement Web