Input background-color – spreminjanje z Javascript-om
Prijatelj (Matej) je rabil preprost primer, kjer bi lahko v dva polja vpisal barvo (#FFFFFF, #000000, #FF00FF, ...). Po vpisu bi naslednjima dvema poljema nastavili vpisani barvi kot background-color atribut.
Ker zadeva ni bila težka sva to naredila, sedaj pa kot majhen primerek objavljava na blogu. Javascript koda, ki skrbi za nastavljanje background-color atributa:
JAVASCRIPT:
-
function generateColor() {
-
var firstColor = document.getElementById('firstColor').value;
-
var secondColor = document.getElementById('secondColor').value;
-
var firstPreview = document.getElementById('firstPreview');
-
var secondPreview= document.getElementById('secondPreview');
-
-
if (secondColor == '') secondColor = firstColor;
-
-
firstPreview.style.backgroundColor = firstColor;
-
secondPreview.style.backgroundColor = secondColor;
-
}
Več informacij:
- Primer zgoraj napisane kode - preizkusite funkcionalnost
- Nastavljanje background-color body elementu
Podobni članki:
- Spreminanje input type text v input type password – Javascript
- Javascript – delci uporabne kode
- Javascript – input text – le številke – validacija
- Textarea defaultValute – Javascript string replace – uidatepicker onClose
- Operacije nad seznami – Javascript DOM – HTML select – HTML option
- Javascript – document.getElementsByTagName
- PHP – pretvorba RGB vrednosti v HTML hex color – HTML hex color v RGB vrednost (RGB to HTML, HTML to RGB)
- PHP funkcije v Javascript jeziku – isset
- Javascript predogled slike – CSS opacity – picture preview – picture fade
- Javascript – print – tiskanje – document – onload
