Insérer du javascript

Pour faire du javascript, il faut l'insérer dans votre page web...

 Il y a différentes méthodes que vous pouvez utiliser, certaines étant meilleurs que d'autres.

Vous pouvez insérer du code directement dans votre page HTML. Différentes méthodes s'offrent à vous mais demandent d'être vigilant quant à l'emploi de certains caractères d'écritures.

Il y a aussi moyen d'écrire votre javascript dans un fichier prévu à cet effet. Cette méthode est recommandé car vous n'éprouverez pas de problème de caractères et votre fichier HTML sera plus lisible (n'inclut pas les données de traitement, seulement le contenu).

Dans la pratique, vous êtes souvent obligé d'utiliser une combinaison des deux pour créer vos effets javascript.

 

Icône d'outil pédagogique Insertion direct dans le HTML

Voyons d'abord l'insertion direct dans le Javascript. C'est d'ailleurs la méthode que nous emploirons dans ce tutoriel.

Vous pouvez insérer votre javascript dans 2 types d'endroits particuliers :

  1. A l'intérieur de certains attributs de balises
    • onmouseclick="votre code javascript"
    • onmouseover="votre code javascript"
    • onmouseout="votre code javascript"
    • href="javascript:votre code javascript;"
      • Exemple : .....
  2. A l'intérieur de balises script
    • Exemple : <script type="text/javascript">votre code javascriptscript>

Vous aurez remarqué que dans la 2ème méthode, nous ne retrouvons pas l'attribut src="...". Tout simplement parce que cette fois, le code ne se retrouve pas dans un fichier externe, mais à l'intérieur des balises script.

En général, vous utiliserez les balise script pour écrire les fonctions javascript. Vous utiliserez le javascript à l'intérieur de vos attibuts pour déclencher ces fonctions !

Voyez cet exemple :

Icône de l'outil pédagogique Insertion dans un autre fichier

Une bonne pratique du javascript consiste à regrouper toutes vos fonctions JS dans un seul et même document, même si des fonctions ne sont pas utilisées dans une page particulière.
 Vous aurez de cette façon plus de facilité à retrouver des éléments javascript que vous désirez modifier s'il ne vous conviennent pas. Cela vous évite d'avoir à rechercher "Mais où est donc ce bout de code pourri ??? ". Vous regroupez tout au même endroit.

Vous n'aurez ensuite qu'à appeler votre fichier contenant le code javascript.

Nous utiliserons ce fichier de la même façon que les balises script, c'est à dire qu'il contiendra la définition des fonctions. 

NB. les utilisateurs avancés pourront y définir des actions concrètes, mais nous nous limiterons pour ce tutoriel.

 Vous devrez donc appeler votre fichier de la même façon que vous avez appelé le framework. (insertion dans le head de votre page)


« Précédent | Suivant »

Régi par la licence GNU Free Documentation License

Développé dans le cadre de STIC I