Mon premier code Javascript - afficher un message

Pour utiliser Javascript, il faut au préalable demander aux responsables de l'activer sur vos blog, en passant par le formulaire de contact.

Voici un petit code javascript qui affiche une fenêtre avec un message :

alert("Bonjour");

Cliquez sur « Exécuter ce code » en bas à droite du code ci-dessus pour l'exécuter.
Un petite fenêtre s'affiche :

Le code javascript peut-être écrit à deux endroits dans Eklablog :

• dans une page ou un article ;
• dans un module.

Si vous insérez du code dans une page ou un article, il sera exécuté lors de l'affichage de cette page ou cet article.

Si vous insérez du code dans un module, il sera exécuté à l'ouverture du blog lors du chargement des modules.

Si vous avez activé la navigation Full-Ajax dans les paramètres du blog, le code présent dans les modules ne s'exécutera pas à chaque changement de page, car les modules ne sont alors pas rechargés systématiquement.

Dans un nouvel article, ajoutons ce code dans l'éditeur source HTML :

<script>// <![CDATA[
alert ("Bonjour");
// ]]></script>

Sauvegarder et raffraîchir la page, la fenêtre qui s'affiche est (varie en fonction des navigateurs) :

Ce n'est pas tout à fait ce qu'on attend.
En fait la fenêtre vu précédemment (celle avec la barre de titre bleue) est une fenêtre créée par Eklablog en remplacement de la fenêtre standard.
Pour pouvoir l'utiliser, il faut attendre que le javascript du blog soit totalement chargé.

Voici le code à utiliser :

 <script>// <![CDATA[
// Début du code Javascript 
	if(typeof(onJSFilesLoaded) != "object")
	   onJSFilesLoaded = [];
	onJSFilesLoaded.push(function(){
	  // Début du code au chargement
	  alert ("Bonjour"); // Pour test
	  // Fin du code au chargement
	});
	// Début autres fonctions
	// Si vous avez d'autres fonctions...
	// Fin autres fonctions
// Fin du code Javascript
// ]]></script>

On s'assure ainsi que tout soit bien chargé avant d'exécuter notre code.

En général, on utilisera ce mécanisme qui permet d'attendre que toute la page soit chargée avant de faire des manipulations en javascript.