multimedialab: langages: javascript.

Si le html permet de structurer des pages web, d'autres langages sont plus appropriés pour rendre les pages plus interactives. Le plus répandu de ces langages est le Javascript, décodé directement par le navigateur.

Attention : ne pas confondre le langage Javascript et le langage Java.
Javascript est un langage de scripts, une portion de code insérée dans une page HTML, qui modifie et contrôle le contenu du document affiché dans votre navigateur.
Java est quant à lui un véritable langage de programmation, au même titre que C++, par exemple.
Plus d'infos : voir la page consacrée à java.

Les Javascripts peuvent exécuter des fonctions très diverses au sein d'une page : vérifier si les formulaires sont bien remplis, créer des alertes pop-up, donner l'heure...
Il existe une foule de scripts téléchargeables que vous pourrez aménager à votre guise...
Un logiciel comme DreamWeaver pourra vous assister dans leur création, selon les fonctions désirées
(exemple: un "roll over").

Attention: tous les navigateurs ne supportent pas Javascript, et des erreurs de code peuvent rendre vos pages inutilisables. Testez-les d'abord à l'aide de navigateurs différents.

Un Javascript peut être intégré à la page HTML, généralement avant la balise </HEAD> et entre les balises <SCRIPT LANGUAGE="Javascript"> et </SCRIPT>, ou encore à l'emplacement précis où il doit agir (formulaires, etc).

Un Javascript peut aussi être placé à l'extérieur de la page, à la racine du site ou dans un dossier à part.
Cela peut s'avérer utile lorsque plusieurs pages utilisent le même script. Le fichier séparé possède l’extension .js, qui ne contiendra que le code Javascript (définition de variables, de fonctions...), sans aucune balise HTML.
On peut tout à fait écrire un fichier .js avec un éditeur texte comme un bloc-notes.
Il suffit de sauvegarder son fichier avec l’extension .js au lieu de .txt. Une balise placée avant la balise </HEAD> y fera alors référence: <SCRIPT LANGUAGE="JavaScript" SRC="votre_fichier_javascript.js"></SCRIPT>

Quelques javascripts personnalisables.

Popups (fenêtres surgissantes).

Popups mutiples. Ouvrir X fenêtres d'un clic.

Popup 01. Cliquer sur un texte pour ouvrir une fenêtre centrée.

Popup 02. Cliquer sur une image pour ouvrir une fenêtre centrée.

Popup 03. Personnaliser la position et la taille d'une fenêtre.

Random (aléatoire).

Random 01. Au rechargement de la page, sortie aléatoire de 3 mots puisés dans 3 séries de 9 mots.

Random 02. Même chose, mais variante (commande de rechargement par texte).

Random 03. Au rechargement de la page, couleur de fond aléatoire saisie dans une liste.

Random 04. Même chose, mais avec un bouton-texte inclus.

Random 05. Au rechargement de la page, couleur de fond et couleur de police aléatoires.

Random 06. Le rechargement de la page mélange aléatoirement 20 images .gif choisies dans une série de 60.

Random 07. Le rechargement de la page mélange aléatoirement 20 images .jpg choisies dans une série de 50.

Image aléatoire. Changement d'image à chaque chargement de la page.

Background aléatoire. Un background aléatoire parmi 20 patterns.

Background aléatoire dans les cellules d'un tableau. Choix de backgrounds parmi 20 patterns.

Utiles.

Liens dans un menu déroulant.

Moteur de recherche. Une recherche sur plusieurs moteurs.

Infobulles 01. Une infobulle s'ouvre lorsqu'un lien est survolé.

Infobulles 02. Autre exemple.

Menu toujours visible. Ce script fonctionne apparemment mieux sous Firefox.

Moins utiles.

Pleine page. Forcer l'ouverture pleine page d'une fenêtre.

Rollover sur une image à distance. Un rollover s'anime au survol d'un lien sur la page.

Mot de passe. Login: multimedialab - password: .be

Expériences.

Effet "machine à écrire".Un texte s'affiche lettre par lettre.

Mouvement de fenêtre. La fenêtre bouge en zig-zag et en rond.

Mouvement de fenêtre. La fenêtre est secouée.

Autres.

Menu "tree". Arborescence en sous-dossier genre Windows.

Protection d'image. Un click sur l'image et le document se ferme.

Horloge digitale.

Formulaire FTP. (Internet Explorer only).

Touches du clavier réactives. (Internet Explorer only).

Apprendre le javascript. Par Luc Van Lancker.

Introduction au Javascript. Un dossier de Comment ça marche ?

Documentation Javascript. Documents PDF téléchargeables, fournis par Comment ça marche ?

Programmation orientée objet en Javascript. Retroussez vos manches !

Cours de programmation JavaScript et HTML. Par Roger Morin.

Le langage Javascript. Une introduction sur le site Infini.

Javascript. Introduction et conception avancée sur ConceptNet.

Tutoriaux javascript Media-Box. Introduction, Fenêtres et Pop-up, Javascript avancé...

Javascript. Un article sur Wikipedia.

Document Object Model (DOM). Un article sur Wikipedia.

Langage de script. Un article sur Wikipedia.

Changements d'images background. Tests de Syntaxorror.

Fenêtres popups. Tests de Syntaxorror.

Introduction aux popups. Un tutoriel sur Aide Javascript.

Déterminer les dimensions de la fenêtre du navigateur. Un tutoriel sur Aide Javascript.

Infos bulles. Plusieurs types d'infos bulles sur Publication HTML.

Info bulles. Boîtes d'infos paramétrables, sur Tout javascript.

OverLib. Librairie javascript dédiée aux info-boxes, par Erik Bosrup. Voir des exemples.

Comment gérer les formulaires en Javascript. Un tutoriel sur Aide Javascript.

Comment gérer les dates et heures en Javascript. Un tutoriel sur Aide Javascript.

Arborescence Windows. Tuto et dossier à télécharger, sur Web FX.

Votre propre moteur de recherche (en pleine page). En javascript, sur Publication HTML.

Calendar. Un calendrier dynamique sur Brain jar.

Collection de 52 Javascripts et effets DHTML. Par Dario Sciacca sur DS Effects.

Ajax.

Ajax (Asynchronous Javascript And Xml) est un DHTML poussé au maximum qui combine JavaScript et XML. Il peut dans certains cas générer des abérations par rapport aux normes W3C, mais vaut la peine de s'y intéresser.

8 conseils pour le développement Ajax. Un article sur JDN Développeurs.

Ajax: A New Approach to Web Applications. Un article de Jesse James Garrett.

Rico. Javascript for rich Internet applications.

Prototype. Librairie Javascript.

jQuery. Une série de fonctions Impressionnantes.

Interface elements for jQuery. Autres ressources basées sur jQuery.

Ajax Matters. Site d'information sur Ajax.

Editeur javascript. Répertoire de scripts plutôt utiles.

Toutjavascript. Comme son nom l'indique: scripts, tutoriaux, forums de discussion.

Javascript kit. Répertoire de scripts.

All html. Répertoire de scripts.