Hallo,
ich versuche meine ersten Schritte und möchte gerne mehrere Slider ( input- range ) darstellen,
Werte übernehmen scheitere bei der Duplizierung des vorhandenen Codes .Kann mir jemand bitte helfen ?
Code (text):
<h1>Dimmer Wohnzimmer</h1>
<p>Sitzplatz 1</p>
<form oninput="x1.value=parseInt(a.value)">
Helligkeit:
<input type="range" id="a" value="50">
<output name="x1" for="a">50</output>
<br><br>
</form>
Was meinst Du mit Duplizieren des Codes?
Copy/Paste wird ja hoffentlich nicht das Problem sein.
Copy/Paste bekomme ich hin:-)
Anders formuliert : ... einen zweiten Slider hinzufügen.
Sorry für die unklare Formulierung
Ergänzend mein Versuch des Erweiterns. Es gibt nur eine Änderung der ersten Eingabe.
<h1>Dimmer Wohnzimmer</h1>
<p>Sitzplatz 1</p>
<form oninput="numerisch1.value=auswertung1.value">
Helligkeit:
<input type="range" name="auswertung1" min="0" max="100" value="10">
<output name="numerisch1">5</output>
<br><br>
<p>Sitzplatz 2</p>
<form oninput="numerisch2.value=auswertung2.value">
Helligkeit:
<input type="range" name="auswertung2" min="0" max="100" value="10">
<output name="numerisch2">5</output>
</form>Du öffnest eine zweite <form> ohne die erste zu schliessen.
Wenn Du die oninput-Events auf die Range-Felder legst, sollte das auch in einer Form klappen:
<form>
<h4>Helligkeit:</h4>
<div>
<input type="range" name="auswertung1" min="0" max="100" value="10" oninput="numerisch1.value=auswertung1.value">
<output name="numerisch1">5</output>
</div>
<h4>Helligkeit:</h4>
<div>
<input type="range" name="auswertung2" min="0" max="100" value="10" oninput="numerisch2.value=auswertung2.value">
<output name="numerisch2">5</output>
</div>
</form>Bingo, vielen Dank.
Wie immer ist aller Anfang schwer