Truc JavaScript : le diaporama web

Ce code HTML / JavaScript permet de jeter un oeil à plusieurs pages de supervision réseau en boucle... sans recourir à 38 écrans!

Voici un chouette petit code HTML / JavaScript qui permet de basculer d’une page web à une autre en créant automatiquement un diaporama en boucle. Le site Codes-sources.com explique comment faire.

Le code source provient des deux fichiers HTML suivants :

1. Le frameset

Index.html

Le premier fichier installe un frameset dont le premier cadre (frame) détient le code JavaScript qui modifie l’emplacement du deuxième cadre, et ainsi de suite.

2. Les paramètres

Diaporama.html

Le fichier diaporama.html permet de modifier directement les paramètres du diaporama. Pour ce faire, suivez cette marche à suivre :

• Diaporama

Allez dans la fonction Diaporama() du fichier diaporama.

• Site

Entrez la liste des sites à afficher.

• Tempo

Déterminez le décalage en secondes entre chaque site.

 

Petite note de l’auteur :

Le code mérite d'être amélioré sur la partie temporisation. Je n'ai pas trouvé d'autre fonction que setTimeout() pour créer une temporisation, et cette dernière m'a obligé à rappeler de manière récursive ma fonction Diaporama(). La conséquence : si on laisse tourner le programme, celui-ci finira par consommer toute la RAM [mémoire vive, ndlr] du PC.

Pour les sites demandant un mot de passe, il faut enregistrer le mot de passe dans le navigateur.