Lancé NoSleep au chargement d'une page

Question

Posez votre question Signaler

Lancé NoSleep au chargement d'une page

Boutfeu

Messages postés: 2
Date d'inscription: vendredi 22 février 2019
Statut: Membre
Dernière intervention: 25 février 2019

- 22 févr. 2019 à 12:33 - Dernière réponse : jordane45

Messages postés: 26969
Date d'inscription: mercredi 22 octobre 2003
Statut: Modérateur
Dernière intervention: 7 décembre 2019

- 25 févr. 2019 à 22:01

Javascript / DHTML Posez votre question Signaler

Bonjour a tous

J'ai besoin d’empêché la mise en veille des mobiles sur certaine page pour sa j'utilise nosleep.
je voudrais évité au utilisateur de devoir cliqué sur un bouton donc charger nosleep actif sur onload .
vu que je ne suis vraiment pas javascript je me tourne vers vous

<input type="button" id="toggle" value="Mise en veille interdite" />
<script src="NoSleep.min.js"></script>
<script>
      var noSleep = new NoSleep();
      var wakeLockEnabled = false;
      var toggleEl = document.querySelector("#toggle");
      toggleEl.addEventListener('click', function() {
        if (!wakeLockEnabled) {
          noSleep.enable(); // keep the screen on!
          wakeLockEnabled = true;
          toggleEl.value = "Mise en veille interdite";
          document.body.style.backgroundColor = "";
        } else {
          noSleep.disable(); // let the screen turn off.
          wakeLockEnabled = false;
          toggleEl.value = "Mise en veille autorisée";
          document.body.style.backgroundColor = "";
        }
      }, false);

en vous remerciant par avance pour toute aide

Afficher la suite

A voir également:

Nosleep js
Javascript dhtml - Meilleures réponses
Noasleep vouchers code - Meilleures réponses
Fichier js - Conseils pratiques - Javascript
Calculatrice js - Guide
Morpion js - Guide
Calendrier js - Conseils pratiques - Javascript
Jeux js - Guide

4 réponses

Répondre Posez votre question

@karamel · Answer 1 · 2019-02-25T20:35:08+0100

Signaler Commenter la réponse de @karamel

@karamel

Messages postés: 1731
Date d'inscription: vendredi 9 mai 2008
Statut: Modérateur
Dernière intervention: 1 décembre 2019

51 25 févr. 2019 à 20:35

0

Merci

bonjour

il faudrait utiliser click qui permet de cliquer sur un element avec un script qui se declenchera tous les x temp en utilisant soit setTimeout soit setInterval

document.querySelector("#toggle").click

Boutfeu · Answer 2 · 2019-02-25T21:23:35+0100

Signaler Commenter la réponse de Boutfeu

Boutfeu

Messages postés: 2
Date d'inscription: vendredi 22 février 2019
Statut: Membre
Dernière intervention: 25 février 2019

25 févr. 2019 à 21:23

0

Merci

Merci pour ta réponse mais je ne comprend pas pourquoi ont ne peut pas appeler

toggleEl.addEventListener('click', function()

avec un onload je sais je suis vraiment pas familier avec javascript mais j'ai encore rien trouver qui bloque la mise en veille

@karamel · Answer 3 · 2019-02-25T22:00:14+0100

Signaler Commenter la réponse de @karamel

@karamel

Messages postés: 1731
Date d'inscription: vendredi 9 mai 2008
Statut: Modérateur
Dernière intervention: 1 décembre 2019

51 25 févr. 2019 à 22:00

0

Merci

addEventListener ajoute un evenement a l'element mais ne cree pas l' evenement dans le sens cliquer sur l'element et onload fonctionnement uniquement au chargement de la page

jordane45 · Answer 4 · 2019-02-25T22:01:27+0100

Bonjour,

Si tu veux lancer le NoSleep au chargement de la page, tu peux

window.onload = function (){
        var noSleep = new NoSleep();
        console.log("activer nosleep");
        noSleep.enable(); // keep the screen on!
      };

Si tu veux conserver l'utiliser, en plus, du bouton, dans ce cas :

var wakeLockEnabled = false;
      var toggleEl = document.getElementById("toggle");
      toggleEl.addEventListener('click', gererNoSleep,false);
      
      
      function gererNoSleep(){
        var noSleep = new NoSleep();
        if (!wakeLockEnabled) {
          console.log("activer nosleep");
          noSleep.enable(); // keep the screen on!
          wakeLockEnabled = true;
          toggleEl.value = "Mise en veille interdite";
          document.body.style.backgroundColor = "";
        } else {
          console.log("désactiver nosleep");
          noSleep.disable(); // let the screen turn off.
          wakeLockEnabled = false;
          toggleEl.value = "Mise en veille autorisée";
          document.body.style.backgroundColor = "";
        }
      }
      
     window.onload = function (){
        gererNoSleep();
      };

Lancé NoSleep au chargement d'une page

Votre réponse