UTILISATION DE JavaScript avec HTML
JavaScript s'intègre au document Web et non pas stocké dans un fichier séparé comme les scripts CGI ou les applets Java. Il ser à ajouter des fonctionnalité supplémentaires au langage HTML et peut être intégré de deux manières différentes dans un document HTML :
Dans le premier cas, l'introduction du code JavaScript dans un document HTML s'effectue à l'aide des balises <SCRIPT> et </SCRIPT> de la façon suivante (de préférence dans l'en-tête): <SCRIPT LANGUAGE="JavaScript"> Le code JavaScript </SCRIPT> </HEAD> Suivant leurs versions tous les navigateurs ne reconnaissent pas forcément le langage JavaScript on prend soin d'entourer le code par une balise de commentaire !-- -->
Le second type d'utilisation de JavaScript est la réction à
des événements qui peuvent se produire par l'action de
l'utilisateur lros de la consulation d'une page : saisie d'une
information ou clic de souris ... Certaines balises HTML peuvent
dans ce cas prendre en attibut un événement particulier selon
la syntaxe suivante : <BALISE onEvent= "le code
JavaScript"> exemple <INPUT
TYPE="button" VALUE="essai"
onClick="faire">
Le petit exemple suivant a pour objet la conversion d'un texte en
majuscules. Nous allons créer un petit formulaire comprenant un
champ de type texte ppour entrer le nom en minuscules et ensuite
un bouton pour activer la conversion en majuscules.
<HTML>
<HEAD>
<TITLE>Un texte en majuscules</TITLE>
<SCRIPT LANGUAGE="javascript">
function Majuscule (tex)
{
tex.value=tex.value.toUpperCase ()
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="formulaire">
<H2>Un exemple en JavaScript</H2>
Tapez votre nom en minuscules:
<BR>
<BR>
<INPUT TYPE="text" NAME="texte"
VALUE=" ">
<BR>
<BR>
Cliquez sur le bouton pour convertir le texte en majuscules:
<INPUT TYPE="button" NAME="bouton"
VALUE="Majuscules"
onClick="Majuscule(document.formulaire.texte)">
<BR>
</FORM>
</BODY>
<HTML>
Voici le résultat :
On peut appeler essai4.htm et
consulter/manipuler le source correspondant.
Voilà c'est fini pour ce chapitre sur JavaScript encore en construction.
Revenir au Sommaire des "FORMS"
Revenir au Sommaire GENERAL
Conclusion du quatrième module.