UPPREVIOUSNEXT  Technologies Internet et Education, © TECFA
  4. Insertion de code JavaScript dans une page

4. Insertion de code JavaScript dans une page

4.1 HTML: Plusieurs possibilités

A. Insertion dans un fichier *.html

<script type="text/javascript" language="Javascript">

</script>

Exemple 4-1: Bonjour avec Javascript

    <HEAD>    <TITLE>Hello World avec JavaScript (18-Nov-1997)</TITLE>    <script language="JavaScript" type="text/javascript">      // ICI on definit une fonction JavaScript      function sayhello() {        alert("Bonjour cher lecteur !!! ")      }    </script>    </HEAD>    <BODY>

B. Autre possibilités:

    <script type="text/javascript" language="Javascript" src="buttons.js">
    </script>

C. Gestion de browsers qui ne comprennent pas JavaScript

Cacher un script:

<SCRIPT><!-- Begin to hide script contents from old browsers...... expressions JavaScript...// End the hiding here. --></SCRIPT>

Afficher un contenu alternatif pour ces browsers: <noscript>

<NOSCRIPT><B>This page uses JavaScript, so you need to get Netscape Navigator 2.0or later!<BR><A HREF=”http://home.netscape.com/comprod/mirror/index.html”><IMG SRC=”NSNow.gif”></A>If you are using Navigator 2.0 or later, and you see this message,you should enable JavaScript by on the Advanced page of the Preferences dialog box.</NOSCRIPT>

D. Gérer différentes versions de JavaScript:

E. Commentaires:

    <script language=JavaScript>      // CECI EST UN COMMENTAIRE      // faites des commentaires pour documenter votre code !

4.2 Javascript avec XHtml

A. Utilisation d’un fichier externe

<script type="text/javascript" language="Javascript" src="bla.js">
</script>

Note: Ne minimsez pas cette balise, sinon IE 6/7 ne va pas afficher la page.

B. Utilisation de sections "CDATA"

<script language="JavaScript">
<![CDATA[
   alert ("salut, je suis un alert depuis une page XHTML");
]]> </script>

C. Formulaires "Html" avec XHtml

4.3 Utilisation de code JavaScript

une fonction JavaScript est déclenchée par 2 moyens:

A. Appel de fonction dans le <body> d’une page HTML

      <script>       // ICI on apelle la fonction      sayhello()      </script>

 

B. Appel de fonction par un “événement”

la notion d’événement en bref:

Exemple 4-2: Hello avec un événement Javascript

<FORM METHOD="post"><INPUT TYPE="button" VALUE="Clickez ICI" onClick="sayhello()"></form>

 

UPPREVIOUS NEXT -- TIE