Avatar
ostrozan
Redaktor
Avatar
ostrozan:

Mám spoustu inputů "number" a v nich chci nastavit

<input type="number" min="15" max="25" step="0.5">

tak jsem naivně zkusil:

input[type="number"]{
max:25;
min:15;
step:0.5;
}

ale to nefunguje - hlásí mi to "Unknown property name"
to jsem sice čekal - když chci background, tak taky musím napsat background-color, ale za boha nemůžu nikde vygooglit, jak v CSS na min,max, a step

 
Odpovědět 8. dubna 15:09
Avatar
Michal Vašíček
Tým ITnetwork
Avatar
Odpovídá na ostrozan
Michal Vašíček:

Chápu správně, že se pomocí CSS snažíš měnit atributy HTML elementu? To fungovat nebude, musíš použít JS.

Akceptované řešení
+20 Zkušeností
+1 bodů
Řešení problému
Nahoru Odpovědět  +2 8. dubna 15:12
Příspěvek může obsahovat stopy arašídů, sarkasmu a sóji.
Avatar
Richard
Člen
Avatar
Richard:
<input type="number" name="quantity" min="1" max="5" step="0.5">
Editováno 8. dubna 15:17
Nahoru Odpovědět 8. dubna 15:17
$action = $_GET['Life']; | Když dáš mínus, napiš proč!
Avatar
Tomáš123
Člen
Avatar
Odpovídá na ostrozan
Tomáš123:

V CSS to ovplyvniť nejde. Skús použiť JavaScript...

když chci background, tak taky musím napsat background-color

Zhodou náhod nie. Background je zjednocujúca vlastnosť pre background-color, background-image, background-position, background-attachment a background-repeat.

Nahoru Odpovědět 8. dubna 15:18
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
Michal Vašíček
Tým ITnetwork
Avatar
Michal Vašíček:

Jinak tedy, v JS můžeš upravit atributy takto, jen elementu musíš přiřadit ID (tady jsem mu dal fiktivní superId):

document.getElementById('superId').min = 28;
document.getElementById('superId').max = 38;
document.getElementById('superId').step = 1;
document.getElementById('superId').value = 30;

Snad pochopíš, jak to funguje.

Nahoru Odpovědět 8. dubna 18:51
Příspěvek může obsahovat stopy arašídů, sarkasmu a sóji.
Avatar
ostrozan
Redaktor
Avatar
Odpovídá na Michal Vašíček
ostrozan:

Jsem to ale Matěj :-)
jasně- to přece už nepatří do stylu

no - budu tam mít těch těch inputů hodně a nechce se mi dávat každému Id, tak jsem to vyřešil takto:

function InputsInit()
{
        var inputs= document.getElementsByTagName('input');

        for (var i = 0; i<inputs.length; i++)
                {
                if (inputs[i].type === "number") //mam tam i jine typy inputu
                        {
                        inputs[i].min=15;
                        inputs[i].max=25;
                        inputs[i].step=0.5;
                        }
                }
}

je to funkční, tak doufám, že tam není nějaká chyba

 
Nahoru Odpovědět  +1 8. dubna 19:26
Avatar
Michal Vašíček
Tým ITnetwork
Avatar
Odpovídá na ostrozan
Michal Vašíček:

Nejdřív mě zmátly ty složený závorky na dalším řádku, ale vypadá to v pohodě. :D Pokud to funguje, není co řešit.

Nahoru Odpovědět  +1 8. dubna 21:33
Příspěvek může obsahovat stopy arašídů, sarkasmu a sóji.
Avatar
ostrozan
Redaktor
Avatar
Odpovídá na Michal Vašíček
ostrozan:

je jedno kde je závorka - "zvyk je železná košile" (C,C#) - pro mně je to takhle přehlednější

 
Nahoru Odpovědět 8. dubna 21:51
Avatar
Nahoru Odpovědět 8. dubna 22:19
Hlupák nie je ten kto niečo nevie, hlupákom sa stávaš v momente keď sa na to bojíš opýtať.
Avatar
Michal Vašíček
Tým ITnetwork
Avatar
Odpovídá na ostrozan
Michal Vašíček:

Jo, je to jedno, jen já to píšu na ten sám řádek jako podmínku/cyklus. Prostě taková estetická věc, která mě ale zmátla. :D

Nahoru Odpovědět 8. dubna 23:10
Příspěvek může obsahovat stopy arašídů, sarkasmu a sóji.
Avatar
Taskkill
Redaktor
Avatar
Odpovídá na ostrozan
Taskkill:

pouzij tenhle selector document.query­SelectorAll("in­put[type=number]"); a nemusis se pak uz v cyklu ptat jestli dany prvek ma typ number

 
Nahoru Odpovědět 9. dubna 0:17
Avatar
ostrozan
Redaktor
Avatar
Odpovídá na Taskkill
ostrozan:

Tak to mi bohužel nefunguje

 
Nahoru Odpovědět 9. dubna 5:14
Avatar
ostrozan
Redaktor
Avatar
Odpovídá na Taskkill
ostrozan:

Tak už to funguje :-)
měl jsem tam bordel v indexech

 
Nahoru Odpovědět  +1 9. dubna 7:08
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 13 zpráv z 13.