Exemples de Javascript

Exemples de fichiers HTML utilisant du Javascript

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

Édition et exécution de programmes simples en Javascript dans un browser : codeBoot
Tous les browsers modernes ont un module de développement avec une console Javascript, mais ce module n'est pas activé par défaut.
Voici quelques indications pour y accéder sur certains browsers (testées sur un Mac):
- Firefox: dans le menu Outils/Développement Web ou télécharger Firebug
- Safari: aller dans la section Avancées du menu Safari/Préférences et cocher la case Afficher le menu Développement dans la barre des menus
- Chrome: dans le menu Afficher/Options pour les développeurs/outils de développement Web
Pour développer en ligne de commande:

Télécharger et installer Node.js sur sa machine.
JSDT pour développer du Javascript sous Éclipse
MacOSX: utiliser le compilateur Javascript disponible à /System/Library/Frameworks/JavaScriptCore.framework/Resources/jsc (penser à faire un lien symbolique dans /usr/local/bin ou a se créer un alias)