Discussion :

[boutfeu]

bonjour a tous étant nul en javascript quelqu'un pourrais ? m'aider

j'ai ce script et je voudrais le mettre dans une page et le mettre en route en onload par exemple pour qu'il bloque la mise en veille sans devoir cliquer

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<h1>NoSleep Test Page</h1>
    <script src="../dist/NoSleep.min.js"></script>
 
    <input type="button" id="toggle" value="Wake Lock is disabled" />
 
    <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 = "Wake Lock is enabled";
          document.body.style.backgroundColor = "green";
        } else {
          noSleep.disable(); // let the screen turn off.
          wakeLockEnabled = false;
          toggleEl.value = "Wake Lock is disabled";
          document.body.style.backgroundColor = "";
        }
      }, false);
    </script>

[lefou123456]

Bonjour!

Si je comprends bien, il suffirait de créer une fonction non anonyme pour effectuer cette action, et ensuite simplement l'exécuter au lancement de la page.

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<h1>NoSleep Test Page</h1>
 
<script src="../dist/NoSleep.min.js"></script> 
<input type="button" id="toggle" value="Wake Lock is disabled" />
 
<script>
 
var noSleep = new NoSleep();
var wakeLockEnabled = false;
var toggleEl = document.querySelector("#toggle");
 
function toggleNoSleep() {
        if (!wakeLockEnabled) {
                noSleep.enable(); // keep the screen on!
                wakeLockEnabled = true;
                toggleEl.value = "Wake Lock is enabled";
                document.body.style.backgroundColor = "green";
        } else {
                noSleep.disable(); // let the screen turn off.
                wakeLockEnabled = false;
                toggleEl.value = "Wake Lock is disabled";
                document.body.style.backgroundColor = "";
        }
}
 
toggleEl.addEventListener('click', toogleNoSleep, false);
toogleNoSleep();
 
</script>

Cependant je trouve pas ça très propre!
Je suggérerais la créations de deux sous fonctions : enableNoSleep() et disableNoSleep()
Elles seraient appelées dans noSleep() et c'est enableNoSleep() qui viendrait se lancer au démarrage.
Le code deviendrait plus implicite en montrant qu'après le lancement de la page, le noSleep est actif!
(Sinon comme toggle suggère seulement une inversion de l'état, on devrait encore faire des recherches pour comprendre que l'intention du code est de l'activer)

Ce qui donnerait :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<h1>NoSleep Test Page</h1>
 
<script src="../dist/NoSleep.min.js"></script> 
<input type="button" id="toggle" value="Wake Lock is disabled" />
 
<script>
 
var noSleep = new NoSleep();
var wakeLockEnabled = false;
var toggleEl = document.querySelector("#toggle");
 
function toggleNoSleep() {
        if (!wakeLockEnabled)
                enableNoSleep();
        else
                disableNoSleep();
}
 
function enableNoSleep() {
        noSleep.enable(); // keep the screen on!
        wakeLockEnabled = true;
        toggleEl.value = "Wake Lock is enabled";
        document.body.style.backgroundColor = "green";
}
 
function disableNoSleep() {
        noSleep.disable(); // let the screen turn off.
        wakeLockEnabled = false;
        toggleEl.value = "Wake Lock is disabled";
        document.body.style.backgroundColor = "";
}
 
toggleEl.addEventListener('click', toogleNoSleep, false);
toogleNoSleep();
 
</script>

Il est aussi plus clair de ranger tout les scripts proprement dans des fichiers séparés du HTML.