Tecfa's JavaScript Page
This is a short English / French page on JavaScript. Only sporadically maintainted !
Documentation
JavaScript Reference
DOM Reference
FAQs and Short References
DOM tutorials
Ajax and DHTML tutorials
Client-side modifications
There are browser extensions that allow a user to change behavior of web pages. The best know is Greasemonkey.
Links
(needs some sorting)
Sites with javascript code
(see also tutorials above !)
- jQuery jQuery is a JavaScript library that takes this motto to heart: Writing JavaScript code should be fun... (12/2006).
- Mozilla's JavaScript Scripting Resources A short list of good links
- DMoz JavaScript (Big Index)
- JavaScript FAQ JavaScript 'No Content' web site (Includes FAQ related to JavaScript Dates, Forms, Frames, Images, Source Files, Layers, Links, Miscellaneous, Numbers, Strings, Tables, and Windows) (articles)
- JavaScript Pro: FAQ, informations et ressources (niveau moyen)
- Java Script Browser Sniffer from webreference.com, see also: Sniffing for Netscape 6
- Doc JavaScript (advanced)
- Dynamic Drive: DHTML et autres trucs non standard, à utiliser avec précaution
- The JavaScript Source a nice resource with lots of Cut & Paste javascript examples
- Scriptsearch. Large collection of Scripts (also Tutorials, etc.)
- Yahoo's js directory (big meta list)
- DevEdge Online Javascript. Main Javascript Page at Netscape:
Examples, newsgroups, manuals, etc. (RECOMMENDED but advanced)
Exemples
(in french mostly / en français)
Vous pouvez voir une petite présentation (slides utilisés pour le cours UV22).
Javascript est un langage de scripting qui augmente les fonctionnalités du langage HTML et autres formats Internet. Il offre un certain degré d'interactivité ainsi que quelques effets intéressants. Ce langage a été développé par Netscape pour être utilisé dans leur browser (client-side) ou au niveau serveur (server-side). Nous nous intéressons ici au côté client de javascript.
Javascript n'a rien a voir avec Java (le langage de Sun). Les seuls points communs que l'on peut leur trouver est leur ressemblance syntaxique et leur capacité à délivrer un contenu "exécutable" à travers le réseau. Toutefois, on peut dire qu'ils se complètent relativement bien quant à leur fonctionnalités: javascript peut contrôler le comportement du browser et de son contenu mais il ne permet pas, par exemple, de gérer dynamiquement des objets graphiques, alors que java le permet.
Plus concrètement, javascript peut servir à:
- Contrôler l'apparence et le contenu de documents HTML
- Contrôler le comportement du browser, dans une certaine mesure (par exemple, il est possible de créer de nouvelles fenêtre, de les fermer, ...)
- Interagir avec le contenu d'un fichier HTML, par exemple on peut compter le nombre de liens dans un fichier. Les tags des formulaires (text, checkbox, button, ...) permettent de lire ou écrire des valeurs de (et dans) ces champs
- Lire et écrire la valeur de cookies pour générer dynamiquement des pages HTML
- Faire des calculs, utiliser et traiter des variables de type date, ...
- Staf 13: Bibliographie de base: ouverture d'une ptite fenètre avec un ancre interne passé en argument
- Exemples Javascript I: Contient des exemples simples utilisés pour introduire les notions de base.
- Exemples Javascript II: Contient entre
autre les exemples les plus importants du livre de Cohen, CGI/Perl et Javascript utilisé dans le cours.
(Cette page est protégée par le mot de passe STAF habituel pour des raisons de copyright)
- Exemples III (répertoire) du Tecfa
Javascript Manuel.
- La collection de Danny Goodman.
- Java Script Made Easy!
(A useful collection of 123 JavaScripts with working examples and explicit directions. Topics include Mouse Tricks, User Info, Pull Down Surfing, Alerts, Buttons/Forms, Clocks And Date, Scrollers, Random Stuff and Misc)
- Live Software's: resource center, quelques exemples (niveau avancé)
- about javascript, a history and primary sources (peu d'info)
- Browser Sniffer This JavaScript-enabled page sniffs out common browser environment variables useful for writing cross-browser scripts
Que peut-on faire avec JavaScript ?
Il peut être intéressant d'intégrer javascript dans
un cursus de formation à distance (tutoriel-web, en l'occurence pour
apprendre html, ici les tableaux) .
Voir aussi le travail de 2 étudiants (futurs enseignants) dans le cadre du cours Médias et Informatique
Avec JavaScript, on peut entre autres:
- Connaitre précisément le browser utilisé
- Créer des questionnaires à choix multiples relativement évolués
- la frame de navigation de ma homepage contient des images, dont la propriété src (l'adresse de l'image) varie avec le "gestionneur" d'événement OnMousOver (voir également le logo tecfa sur ma homepage
- sur ma homepage, la date est affichée et, plus bas, un message concernant mon anniversaire; lorsque mon anni approche, le message change et fait un décompte (le jour fatidique, ma homepage n'est plus accessible, et une autre page rappelle à tous l'importance de ce jour)
- on peut faire clignoter la page pendant qu'elle se charge, on peut afficher l'heure qui se met à jour régulièrement
- une fonction qui retourne une couleur aléatoire (vachement utile ;)
- Une fonction qui retourne un nombre aléatoire entre 1 et i
On peut ouvrir une nouvelle fenètre sans avoir besoin de cliquer (en l'occurrence une calculatrice écrite en JavaScript) ou encore vous faire changer de site (toujours sans cliquer ;)
On peut également faire scroller un message sur la widow.status bar (un peu stupide)
Un petit truc qui peut servir: si, dans la partie location (dans
laquelle s'affiche l'URL en cours), vous tapez javascript:votre_fonction,
ça permet de débuguer une ligne de code. Vous pouvez par
exemple essayer avec: javascript:alert(aujourdhui = new Date()).
Remarque: à la place de javascript, on peut écrire
mocha (utile pour java).
On peut obtenir quelques informations sur votre browser et la version avec laquelle vous travaillez.
J'ai réuni quelques exemples de code que j'ai produit et qui peuvent servir tel quel (cut & paste)
Voici un code que j'aimerais bien avoir fait: une page qui vous permet de tester les couleurs en HTML
Comme dit plus haut, javascript ne permettrait pas, par exemple, de gérer un programme tel qu'un interfaçage de notre moo (alors que java le permet). Pour plus de détails concernant ces différences, voir la FAQ Java de IrtOrg
(sans mise à jour depuis plusieurs années !!)
- Formulaire interactif (version "onClick")
- Formulaire interactif (version qui interroge le formulaire)
- Création d'une nouvelle fenêtre (avec formulaire et une ligne de texte)
- Chatter Bot (regexp demo)
(pas mis à jour depuis qq. années !!)
D.K.S.
&
C.R.
Last modified: Tue Feb 12 14:33:57 CET 2008