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
Vous cherchez à ajouter une corde à votre arc…...
En lire plus
Quel langage de programmation devriez-vous ajouter à vos compétences…...
En lire plus
Faire du marketing, du code, de l’expérimentation technologique et...
En lire plus
Avez-vous déjà rencontré quelqu’un qui ne vous inspirait pas...
En lire plus

Emplois en vedette

Directeur(-trice) de compte
  • Date de publication19 avril 2019
  • EntrepriseBKOM STUDIOS
  • VilleVille de Québec
Développeur(-euse) web back-end PHP
  • Date de publication17 avril 2019
  • EntrepriseEspresso Jobs
  • VilleMontréal
Designer graphique avec expérience en UX/UI
  • Date de publication8 avril 2019
  • EntrepriseMinimal
  • VilleMontréal
Développeur(-euse) (front-end)
Développeur(euse) Backend
  • Date de publication29 mars 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