Widget:Farbwähler: Unterschied zwischen den Versionen
Aus KGS-Wiki
Sn (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Sn (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
<input type="color" id="picker" value="#c0ffee" onchange="refreshLabel()"/><label for="picker" id="picklabel" style="padding-left: 5px;">Gewählte Farbe: 192, 255, 238 (<code>#C0FFEE</code>)</label> | <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> | <script> | ||
function refreshLabel() { | function refreshLabel() { | ||
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>
