Présentation du Javascript

Le javascript est un langage dérivé du Java, et donc du C, ayant pour principe de fonctionner sur un client Web (navigateur type Opera, Netscape ou IE).

Ceci veut simplement dire que votre navigateur (le client Web), que ce soit Internet Explorer, Netscape, Opera..., est capable d'interpréter le javascript en tant que langage de programmation.
Les programmes créés en Javascript sont en général assez simples et rapides. Mais de nombreuses choses sont possibles. Par contre, étant donné qu'il est exécuté sur le poste client, nombreuses fonctionnalités ne sont pas implémentées.

Le code javascript peut se présenter sous 3 formes, et suivant le même principes que les feuilles de styles :

code présent dans une balise html spécifique (balise <SCRIPT>)

code directement mis dans la page là où on en a besoin

code dans un autre fichier appelé ensuite dans la page html
L'intérêt de le mettre dans un fichier à part étant très limité (réduire l'accès au code, alors qu'il reste accessible, mais de manière plus complexe), fait que nous allons pour l'instant nous intéresser aux 2 premiers cas : les plus répandus et les plus utiles, à mon avis bien sûr.

Le mélange entre le Javascript et les feuilles de styles est ce qu'on appelle couramment le Dynamic HTML. Le Dynamic HTML est en fait une sorte de langage très difficile à manoeuvrer puisqu'il n'est pas compatible partout : Opéra, Netscape ou IE n'interprète pas toujours le code de la même façon. Ceci entraîne un gros problème : il est souvent nécessaire de prendre en compte tous les cas possibles et de tous les implémenter si l'on souhaite faire un site réellement dynamic.

Dans ce contexte, les codes que nous verrons ici sont compatibles avec tous les navigateurs, à moins qu'une remarque le précise.

  1. 1. Principe

Le Javascript est donc basé sur le Java, et est donc un langage orienté Objet. Ceci veut simplement dire, en simplifiant, et dans le cas du Javascript, que le programme est décomposé en fonctions qui sont exécutées lorsqu'une action est faite.
L'action en question est en réalité un évènement.
Un évènement est un déclencheur tel que par exemple le clic sur le bouton "OK" d'un formulaire, le clic sur une liste déroulante, ou tout simplement le déplacement du curseur de la souris à un endroit précis de la page.

  1. 2. Les évènements principaux en Javascript

Cette partie va augmenter au fur et à mesure que les exemples utiliseront des évènements non listés.
La liste n'est donc actuellement pas exhaustive.

Nom de l'évènement	Déclenché lorsque
	S'applique à
onChange	la modification d'un champs (par exemple la selection dans une liste)
	Balise Select
onMouseOver	la souris passe sur l'objet (lien par exemple)
	lien, table
onMouseOut	la souris sort de l'objet (lorsqu'il est sur le lien et qu'il se déplace ailleurs sur la page)
	Lien
onSubmit	l'utilisateur clique sur le bouton de validation du formulaire
	Formulaire
onLoad	Lors du chargement de la page
	Balise Body
onUnload	lors du chargement d'une nouvelle page ou de la fermeture du navigateur
	Balise Body

Page modifiée le : 02/10/2024