<< Retour au sommaire

 

 

Introduction et premières instructions

 

 

 

Le sommaire :

  1. Introduction.
  2. La configuration d’INTERNET EXPLORER.
  3. Insérer du code HTML dans le code JavaScript.
  4. Les commentaires.
  5. L’instruction writeln.

 

 

Introduction

 

Le JavaScript est un langage de programmation qui permet de dynamiser votre site INTERNET.

En effet, le code XHTML est un langage de description qui vous permet de décrire une page en insérant et en présentant du texte, des images, des tableaux, des liens hypertexte Etc., mais ce langage de description ne vous permet en rien d’associer des traitements automatisés à une page.

Ainsi, en XHTML, l’utilisateur peut saisir une valeur dans un formulaire, mais votre page ne pourra pas décider de réaliser tel ou tel traitement selon la valeur de l’information saisie.

Le JavaScript vous permet donc d’exécuter des opérations selon les valeurs saisies par l’utilisateur.

Il permet également de déclencher tel ou tel traitement selon les différents évènements qui interviennent sur la page, clic sur un bouton, saisie d’une valeur dans un formulaire Etc.

 

Il conviendra donc d’apprendre le XHTML avant de vous lancer à la conquête du JavaScript.

Les exercices que je vous propose doivent être réalisés dans le bloc notes et exécutés dans un navigateur de type INTERNET EXPLORER.

Le JavaScript est exécuté du côté clients, c’est-à-dire que les pages sont d’abord chargées par votre navigateur, et ensuite, exécutées.

 

 


La configuration d’INTERNET EXPLORER

 

Pour que votre code JavaScript soit exécuté, vous devez vérifier une option D’INTERNET EXPLORER.

Ouvrez INTERNET EXPLORER, activez l’option de menu :

ALT, « Outils|Options INTERNET ».

Dans la boîte de dialogue qui apparaît à l’écran, réalisez le raccourci clavier CTRL +TAB jusqu’à atteindre l’onglet « Avancer ».

Vous arrivez directement dans une arborescence d’options, pressez flèche basse jusqu’à atteindre :

« Autorisez le contenu actif à s’exécuter dans la zone ordinateur locale ».

Si JAWS vous annonce « Off », c’est que cette option est inactive, cochez-là en pressant la barre d’espacement.

Ensuite, faites tabulation jusqu’au bouton « Ok » et pressez la touche entrée.

 

 


Insérer du code XHTML dans le code JavaScript

 

Vous pouvez insérer du code XHTML dans une page en utilisant l’instruction document.write.

La syntaxe :

 

<script type=«text/javascript»>

document.write(«Code_XHTML ou valeur»);

</script>

 

document.write, c’est l’instruction JavaScript qui permet d’écrire le code XHTML.

Dans les parenthèses, vous pouvez utiliser les paramètres suivants :

  1. Une variable JavaScript.
  2. Une chaîne de caractère à afficher, et placée entre guillemets.
  3. Du code XHTML avec les balises et placé entre guillemets.

 

Les variables seront traitées plus loin dans ce manuel…

 

Remarque :

Chaque instruction JavaScript doit se terminer par un « point virgule ».

 

Le code JavaScript doit être imbriqué entre les balises :

<script type=«text/javascript»>

et

</script>

 

Pour afficher une chaîne de caractères directement en JavaScript :

 

<html>

<head>

<title>page d'accueil</title>

</head>

<body>

<script type=«text/javascript»>

document.write("bonjour");

</script>

</body>

</html>

 

Vous constaterez que le code JavaScript a été placé entre les balises :

<script type=«text/javascript»>

et

</script>

 

Entre les deux, vient l’instruction :

document.write("bonjour");

 

Vous pouvez parfaitement introduire des balises XHTML, leurs attributs et leurs propriétés  à l’intérieur du paramètre de l’instruction document.write.

Seulement, vous devrez encadrer le code XHTML par des guillemets, et à l’intérieur du code XHTML, remplacer les guillmets par le signe apostrophe.

Voici un exemple qui affiche le texte « bonjour » et le lien hypertexte « Ceci est un lien » :

 

<html>

<head>

<title>page d'accueil</title>

</head>

<body>

<script type=«text/javascript»>

document.write("<p>bonjour</p>");

document.write("<p><a href='essai.htm'>ceci est un lien</a></p>");

</script>

</body>

</html>

 

 


Les commentaires

 

Vous devez impérativement commenter votre code JavaScript de façon à le rendre plus compréhensible lors de sa relecture.

 

Dans une ligne de code, tout ce qui se trouve à droite du double signe « Barre oblique » sera ignoré par le navigateur.

 

Par exemple :

document.write("bonjour"); // Dit bonjour à l’utilisateur.

 

Vous pouvez également écrire le commentaire sur une ligne entière :

document.write("bonjour");

// Dit bonjour à l’utilisateur.

 

Si vous souhaitez écrire un commentaire sur plusieurs lignes, vous devez encadrer le paragraphe commentaire entre /* et */, voici un exemple :

document.write("bonjour");

/* Ceci est mon premier code JavaScript

Je pense l’avoir réussi !

Enfin j’espère. */

document.write("au revoir");

 

Ce code n’affichera que :

Bonjour

Au Revoir

 

Le commentaire placé entre l’affichage de « bonjour » et de « Au revoir » sera donc ignoré par le navigateur.

 

 


L’instruction writeln

 

Cette instruction, encadrée par les balises XHTML <pre> et </pre>, a pour faculté de réaliser automatiquement un retour à la ligne à chaque utilisation de writeln.

Voici un exemple :

 

<html>

<head>

<title> bonjour </title>

</head>

<body>

<pre>

<script type=«text/javascript»>

document.writeln("Bonjour");

document.writeln("Comment allez-vous ?");

document.writeln("Bien j'espère...");

</script>

</pre>

</body>

</html>

 

Philippe BOULANGER