Aide Javascript

1- Mot aux débutants:

Comment créer un script simple:

La programmation en Javascript ne nécessite aucun logiciel particulier. Vous devez juste disposer d'un Editeur, le plus simple est d'utiliser (si vous êtes sous Windows) le Bloc-notes. Mais il est certain que beaucoup d'autres logiciels feront l'affaire, du simple éditeur de texte au logiciel de traitement de texte le plus poussé (Dreamweaver, HomeSite, ou FrontPage par exemple).
Une autre chose importante avant de commencer, est de posséder au minimum la version d'Internet Explorer 4.0 ou de Netscape 4.5. Il est préferable de disposer de la dernière version de votre navigateur pour pouvoir disposer de toutes les fonctionnalités en matière de programmation.

2- Création d'un script:

Exemple de script servant à afficher la date et l'heure courantes dans un navigateur.

Méthode pour débuter un script :

Votre script va être contenu dans une page HTML, il va donc falloir indiquer au navigateur lorsqu'il va devoir comprendre le code en tant que Javascript. La balise HTML qui permet de débuter un script est : <SCRIPT>
et pour cloturer un script on utilise la balise : </SCRIPT>

N'oubliez pas qu'il ne faut jamais placer autre chose que du code Javascript entre les balises : <SCRIPT> et </SCRIPT>
qui encadrent le script, auquel cas le navigateur afficherait un message d'erreur Javascript. Exemple:

<SCRIPT LANGUAGE="JavaScript">
//votrecodejavascript
</SCRIPT>

Méthode pour construire votre script :

Pour commencer votre script il va falloir utiliser des variables pour stocker la date et l'heure courantes. A titre indicatif, sachez pour le moment qu'une variable contient des informations (par exemple un nombre, du texte ou comme ici une date).

date_du_jour = new Date();

Cette instruction va permettre d'affecter une valeur (une date) à la variable date_du_jour à laquelle on pourra accéder grâce à cette variable. Faites aussi très attention à la casse, dans certains cas JavaScript distingue MAJUSCULES et minuscules.

Remarques : Notez le point virgule en fin de ligne, cela indique au navigateur la fin d'une instruction. Ils ne sont pas obligatoires, mais mieux vaut les utiliser pour plus de clarté dans votre code.Voici la suite du code :

HeureLocale = date_du_jour.toString();
HeureGMT = date_du_jour.toGMTString();

Ces deux instructions créent deux nouvelles variables, HeureLocale et HeureGMT. Ces variables stockent la date et l'heure courante dans un format lisible.Maintenant, il va falloir lire ces variables pour en afficher leurs contenus, ce qui peut être fait grâce à l'instruction document.write .Cette nouvelle instruction va vous permettre d'afficher du texte, des nombres ou toutes autres informations. Voici la syntaxe :

document.write("<b>Heure Locale :</b> " + HeureLocale + "<br>");
document.write("<b>Heure GMT :</b> " + HeureGMT + "<br>");

Cette instruction va permettre au navigateur d'afficher du texte dans la page Web ou se trouve votre script.
Le signe + entre le message et les variables indique au navigateur de combiner les deux valeurs en une seule chaîne. Il ne faut pas confondre ce signe avec celui pour faire des sommes qui est le même mais que l'on place entre deux variables cette fois.

Intégration du script dans une page HTML :

Il est clair que pour utiliser votre script, vous devez l'ajouter dans les sources d'une page HTML, qui contiendra les balises élémentaires, <HTML>, <HEAD>, <BODY>.

<HTML>
<HEAD>
<TITLE>Affichage de la date et de l'heure</TITLE>
</HEAD>

<BODY>
<H1>Date et heure courantes</H1>
<SCRIPT LANGUAGE="JavaScript">
date_du_jour = new Date();
HeureLocale = date_du_jour.toString();
HeureGMT = date_du_jour.toGMTString();
document.write("<b>Heure Locale :</b> " + HeureLocale + "<br>");
document.write("<b>Heure GMT :</b> " + HeureGMT + "<br>");
</SCRIPT>
</BODY>
</HTML>

Il reste maintenant à l'enregistrer avec l'extension .htm ou .html.

Pour d'autres exemples utilisables de codes javascript, visitez la page WEBMASTERS de VALORDI, vous y trouverez également un moteur de recherche spécial javascript.

3- POUR ALLER PLUS LOIN = Comment intégrer un script dans une page html:

Il y a plusieurs façons d'inclure du JavaScript dans une page HTML:

Grâce à la balise <SCRIPT>
En mettant le code dans un fichier
Grâce aux événements

Dans la balise script : Le code Javascript peut être inséré où vous le désirez dans votre page Web, vous devez toutefois veiller à ce que le navigateur ait entièrement chargé votre script avant d'exécuter une instruction. En effet, lorsque le navigateur charge votre page Web, il la traite de haut en bas, de plus vos visiteurs (souvent impatients) peuvent très bien interrompre le chargement d'une page, auquel cas si l'appel d'une fonction se situe avant la fonction dans votre page il est probable que cela génèrera une erreur si cette fonction n'a pas été chargée.

Ainsi, on place généralement le maximum d'éléments du script dans la balise d'en-tête (ce sont les éléments situés entre les balises <HEAD> et </HEAD>). Les évènements Javascript seront quant à eux placés dans le corps de la page (entre les balises <BODY> et </BODY>) comme attribut d'une commande HTML...

L'argument de la balise <SCRIPT> décrit le langage utilisé. Il peut être "JavaScript" "JavaScript1.1" "JavaScript1.2". On peut ainsi (en passant un argument différent de "JavaScript") utiliser d'autres langages de programmation que celui-ci (par exemple le VbScript). Pour utiliser différentes versions de JavaScript tout en conservant une certaine compatibilité, il suffit de déclarer plusieurs balises SCRIPT ayant chacune comme paramètre la version du JavaScript correspondante.

Dans un fichier externe: Il est possible de mettre les codes de JavaScript en annexe dans un fichier (à partir de Netscape 3.0 uniquement). Le code à insérer est le suivant:

<SCRIPT LANGUAGE=Javascript SRC="url/fichier.js"> </SCRIPT>

Où "url/fichier.js" correspond au chemin d'accès au fichier contenant le code en JavaScript, sachant que si celui-ci n'existe pas, le navigateur exécutera le code inséré entre les 2 balises.

Grâce aux évènements: On appelle évènement une action de l'utilisateur, comme le clic d'un des boutons de la souris. Le code dans le cas du résultat d'un événement s'écrit:

<balise eventHandler="code Javascript à insérer"> "eventHandler" représente le nom de l'événement.

... ceci n'est qu'un début! bientôt sur VALORDI d'autres informations techniques sur le javascript, pour mieux vous servir... V@lentin l'Ordin@teur M@lin