Truc JavaScript : le diaporama web

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.

Articles similaires

Découvrez Tous les articles
Fins connaisseurs de Kotlin, soyez aux aguets : les institutions...
En lire plus
Espresso-Jobs s’est penché sur cette question et vous a...
En lire plus
La programmation asynchrone dans Python, comment ça fonctionne? Espresso-Jobs...
En lire plus
Vous cherchez à ajouter une corde à votre arc…...
En lire plus

Emplois en vedette

Spécialiste en attraction de talents
  • Date de publication19 juin 2019
  • EntrepriseLudia
  • VilleMontréal
Programmeur(-euse) de jeu
  • Date de publication19 juin 2019
  • EntrepriseLudia
  • VilleMontréal
Traducteur(-trice)
  • Date de publication19 juin 2019
  • EntrepriseEdgar
  • VilleMontréal et Québec
Chargé(e) de comptes, réseau de partenaires
  • Date de publication17 juin 2019
  • EntrepriseSherWeb
  • VilleLongueuil
Chargé(e) de comptes, réseau de partenaires
  • Date de publication17 juin 2019
  • EntrepriseSherWeb
  • VilleSherbrooke
Coordonnateur(-trice) / designer web et imprimé
Développeur(-euse) Backend
  • Date de publication11 juin 2019
  • EntrepriseLudia
  • VilleMontréal
Développeur(-euse) Front-End
Développeur(euse) Java - BI
  • Date de publication15 février 2019
  • EntrepriseLudia
  • VilleMontréal
#
Recevez une alerte ciblée!

Soyez le premier informé des postes offerts correspondant à votre profil.

Inscrivez-vous
#

Soyez informé de nos dernières offres d’emploi, nouvelles et articles.

Range

KM