Ajouter du Javascript dans son blog

Publié le 13 décembre 2004 par Francisek

La question a souvent été posée dans le forum, et comme il y a pas mal de javascripts sur mon blog, je me devais de mettre quelques explications (d'autant plus que cet article servira de référence plus tard).
Parmi les scripts que l'on peut télécharger sur internet, certains doivent être insérés dans la partie HEADER de la page oueb. C'était nécessaire pour les anciens navigateurs, mais plus maintenant. Il suffit qu'ils soient placés au bon endroit.
De manière générale, un script qui doit impérativement être lancé avant le chargement complet de la page devra être placée le plus haut possible dans celle-ci (donc dans le bloc d'entête). A l'inverse, si ce n'est pas absolument nécessaire, on le placera le plus bas possible (et où ça? dans le pied de page). Ceci s'explique par le fonctionnement de la page web: elle est affichée dans son ordre de chargement: le texte le plus en haut est affiché avant les texte le plus en bas. Il est donc plus agréable pour le visiteur de voir le contenu (qui demeure le sujet essentiel de la page) puis seulement la fioriture (souvent le cas de l'utilisation du javascript). De plus, certains scripts agissent sur le contenu de la page, donc si celle-ci n'est pas complètement chargée, le script ne trouve pas de matière sur laquelle agir.
Ces explications fournies, passons au vif du sujet: insérer du javascript.
Il existe deux possibilités d'insertion:

l'insertion inline : le script est directement positionné dans la page ;
l'insertion include : le script est contenu dans un fichier externe, ce fichier devrait porter l'extension .js (ex: monscript.js)

Ces deux insertions sont, en pratique, sensiblement identiques. Elles se font en utilisant la balise HTML <SCRIPT>.
Par exemple:

Insertion inline:
<script type="text/javascript">
// 
</script>
Insertion include:
<script type="text/javascript" src="monfichier.js"></script>

Dans l'insertion include, tout se passe comme si le contenu du fichier monfichier.js était inséré entre les balises <script> et </script>.
Le contenu du fichier monfichier.js pourrait donc être:

//<!--
alert("Je suis un script include");
//-->

Dans Over-Blog , on préférera le script include car l'éditeur de blocs (et d'articles) effectue une transformation du texte saisi. De manière générale, passer toujours en mode HTML lors de l'édition de votre bloc pour insérer du javascript.