JavaScript - Die Position eines Schiebereglers speichern und auslesen

In diesem Script wird die Position (der Wert) des Schiebereglers (HTML-Input Typ: Range) mit localStorage() gespeichert, ausgelesen und in die vorherige Position gesetzt.


<script>

// Die Position eines Schiebereglers speichern und auslesen

window.addEventListener("DOMContentLoaded", function() {

 var 
slider document.getElementById("slider");

 if (
window.localStorage.getItem("Servo")) {
  
slider.value window.localStorage.getItem("Servo");
  
slider.title window.localStorage.getItem("Servo");
 }

 
slider.addEventListener("input", function () {
 
window.localStorage.setItem("Servo"slider.value);
  
slider.title slider.value;
 });

});
</
script>

<
input type="range" min="1" max="100" value="50" id="slider" title="50">

Siehe auch: Die Wahl einer Auswahlliste speichern und auslesen

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<hgroup> Überschriften gruppieren

CSS - Container mit Eselsohren

PHP - Leere Arrays entfernen und Zeiger beibehalten

JavaScript - Überprüfen ob eine Zeichenfolge ein gültiges JSON ist

MySQL - Datensätze einer Tabelle zählen

Mal was Neues!
Möchten Sie Besucher haben die öfters als einmal auf Ihre Homepage vorbeischauen? Bieten Sie neue Seiten an. Vor allem die Startseite sollte auf neue Seiten, Bilder, News oder Funktionen hinweisen. Damit ist klar, dass Ihre Homepage immer wieder aktualisiert wird und nicht dahinvegetiert. Somit machen Sie automatisch Ihre Besucher zu "Stammkunden".