Welcome to TECFA Home   [français]   Search  
Portal   Moodle   TecfaX  
EduTech Wiki(en)   EduTech Wiki(fr)  
Overview People Teaching Projects Resources Intranet
Tecfa-Quick Uni Genève EduTech Tecfa Servers Gen.Pointers ToolBox
Aibo | CSS | Design | DOM | Emacs | Emotions | Flash | Games | Html | Java | Js | JSP | Ldap | Methodo | Moo | MySql | Project Mgmt | Php | Portals | RDF | Misc.Soft | SVG | TIE-slides | Unix | Vrml | X3D | Xml | Xml/XSLT | Xml/XQuery | Xml/Contents | Cocoon | InfoViz | Admin |

Tecfa's JavaScript Page

This is a short English / French page on JavaScript. Only sporadically maintainted !
Contents
  1. Documentation
    § 1.1 JavaScript Reference § 1.2 FAQs and Short References § 1.3 General on-line tutorials § 1.4 DOM tutorials § 1.5 Ajax and DHTML tutorials § 1.6 Client-side modifications
  2. Links
    § 2.1 Sites with javascript code
  3. Exemples
 
Documentation Links Exemples

1. Documentation  Go Top

1.1 JavaScript Reference  Go Top

DOM Reference

1.2 FAQs and Short References  Go Top

1.3 General on-line tutorials  Go Top

1.4 DOM tutorials  Go Top

1.5 Ajax and DHTML tutorials  Go Top

1.6 Client-side modifications  Go Top

There are browser extensions that allow a user to change behavior of web pages. The best know is Greasemonkey.  
Documentation Links Exemples

2. Links  Go Top

(needs some sorting)

2.1 Sites with javascript code  Go Top

(see also tutorials above !)  
Documentation Links Exemples

3. Exemples  Go Top

(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 à:

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:

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

Exemples utiles pour l'exercice de programmation STAF-14

(sans mise à jour depuis plusieurs années !!)
  1. Formulaire interactif (version "onClick")
  2. Formulaire interactif (version qui interroge le formulaire)
  3. Création d'une nouvelle fenêtre (avec formulaire et une ligne de texte)
  4. Chatter Bot (regexp demo)

Exemples produits par nos étudiants

(pas mis à jour depuis qq. années !!)
D.K.S.
&
C.R.
Last modified: Tue Feb 12 14:33:57 CET 2008