Widget:Farbwähler: Unterschied zwischen den Versionen
Aus KGS-Wiki
Sn (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „<input type="color"/>“) |
Sn (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| (2 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
<input type="color"/> | <input type="color" id="picker" value="#c0ffee" onchange="refreshLabel()"/><label for="picker" id="picklabel" style="padding-left: 5px; vertical-align: bottom;">Gewählte Farbe: 192, 255, 238 (<code>#C0FFEE</code>)</label> | ||
<script> | |||
function refreshLabel() { | |||
var color = document.getElementById('picker').value; | |||
var r = parseInt(color.substr(1,2),16); | |||
var g = parseInt(color.substr(3,2),16); | |||
var b = parseInt(color.substr(5,2),16); | |||
document.getElementById('picklabel').innerHTML = "Gewählte Farbe: " + r + ", " + g + ", " + b + " (<code>" + color + "</code>)"; | |||
} | |||
</script> | |||
Aktuelle Version vom 3. Juli 2024, 16:43 Uhr
<input type="color" id="picker" value="#c0ffee" onchange="refreshLabel()"/><label for="picker" id="picklabel" style="padding-left: 5px; vertical-align: bottom;">Gewählte Farbe: 192, 255, 238 (#C0FFEE)</label>
<script>
function refreshLabel() {
var color = document.getElementById('picker').value;
var r = parseInt(color.substr(1,2),16);
var g = parseInt(color.substr(3,2),16);
var b = parseInt(color.substr(5,2),16);
document.getElementById('picklabel').innerHTML = "Gewählte Farbe: " + r + ", " + g + ", " + b + " (" + color + ")";
} </script>
