Meter tags
Tags meter tiek izmantots, lai attēlotu
kādu vērtību skaisti noformētā veidā.
Taga izskats ir daļēji vai pilnībā aizkrāsota sloksne. Sloksne var būt zaļa, dzeltena vai sarkana (sloksnes krāsa ir atkarīga no atribūtu vērtībām, par to vēlāk):
Tag meter vajadzētu izmantot, piemēram,
šādā situācijā: jūs vēlaties
attēlot ekrānā pašreizējo temperatūras vērtību,
turklāt temperatūra var mainīties no 0
līdz 100. Jums jānorāda šādi
atribūti: atribūtam value jānorāda
pašreizējā temperatūras vērtība, atribūtam min
- minimālā iespējamā vērtība (mūsu
gadījumā 0), atribūtam max - maksimālā
iespējamā (mūsu gadījumā 100).
Atkarībā no atribūta value vērtības
sloksne būs maza vai liela. Ja
norādāt value ar vērtību 10,
tad sloksne būs maza (jo 10
ir ļoti tuvu minimumam - nullei), ja
norādāt vērtību 90, tad sloksne būs
liela (jo 90 ir tuvu maksimumam
- 100). Ja norādāt vērtību 100 - tad
sloksne aizņems visu elementu (jo vērtība
sasniedza maksimumu).
Ja norādāt vērtību, kas lielāka par 100,
tad sloksne tik un tā aizņems visu elementu.
Ja norādāt 0 un mazāk - tad sloksnes
nebūs vispār.
Piemērs
Atribūta value vērtība maza:
<meter value="10" min="0" max="100"></meter>
:
Piemērs
Atribūta value vērtība liela:
<meter value="90" min="0" max="100"></meter>
:
Piemērs
Atribūta value vērtība vidēja:
<meter value="50" min="0" max="100"></meter>
:
Piemērs
Atribūta value vērtība vienāda ar maksimālo:
<meter value="100" min="0" max="100"></meter>
:
Piemērs
Atribūta value vērtība vienāda ar minimālo:
<meter value="0" min="0" max="100"></meter>
:
Piemērs
Atribūta value vērtība lielāka par maksimālo:
<meter value="110" min="0" max="100"></meter>
:
Piemērs
Atribūta value vērtība mazāka par minimālo:
<meter value="-10" min="0" max="100"></meter>
:
Pievienojam atribūtus low un high
Tag meter ir vēl 2 atribūti:
low un high.
Apskatīsim to darbību, izmantojot temperatūras piemēru.
Atgādinām, ka mūsu minimālā temperatūra
ir 0, bet maksimālā - 100.
Lai tagad mēs vēlamies izveidot šādus diapazonus
- "aukstā temperatūra" no 0 līdz 20,
"normāla" no 20 līdz 80 un
"karsta" no 80 līdz 100.
Lai iestatītu auksto temperatūru, norādīsim
atribūta low vērtībā skaitli 20.
Izrādīsies, ka no nulles (šī ir atribūta
min vērtība) līdz 20 (atribūta
low vērtība) mums ir zemo vērtību apgabals.
Lai iestatītu karsto temperatūru, norādīsim
atribūta high vērtībā skaitli 80.
Izrādīsies, ka no 80 (šī ir atribūta
high vērtība) līdz 100 (atribūta
max vērtība) mums ir augsto
vērtību apgabals.
Normāla temperatūra būs no 20
(šī ir atribūta low vērtība) līdz 80
(atribūta high vērtība). Šo apgabalu
saucam par normālo vērtību apgabalu.
Tagad atkarībā no tā, kurā apgabalā
iekrīt atribūta value vērtība,
sloksne tiks nokrāsota zaļā vai
dzeltenā krāsā. Zaļa būs, ja mēs iekritīsim
normālo vērtību apgabalā, bet dzeltena
- ja augsto vai zemo vērtību apgabalā.
Piemērs
Atribūta value vērtība iekrīt
zemo vērtību apgabalā:
<meter value="10" min="0" low="20" high="80" max="100"></meter>
:
Piemērs
Atribūta value vērtība iekrīt
normālo vērtību apgabalā:
<meter value="50" min="0" low="20" high="80" max="100"></meter>
:
Piemērs
Atribūta value vērtība iekrīt
augsto vērtību apgabalā:
<meter value="90" min="0" low="20" high="80" max="100"></meter>
:
Pievienojam atribūtu optimum
Atribūts optimum nosaka optimālo
vērtību. Mūsu piemērā optimāla
varētu būt auksta temperatūra, normāla
vai karsta - pēc jūsu izvēles. Pieņemsim,
ka jūs norādīsiet, ka optimālā temperatūra
ir auksta. Tagad atkarībā no atribūta
value vērtības (tas ir, no pašreizējās
temperatūras) sloksnes krāsa būs zaļa,
dzeltena vai sarkana.
Ja pašreizējā temperatūra iekrīt optimālo temperatūru apgabalā (un mēs norādījām, ka optimālā ir auksta), tad sloksnes krāsa būs zaļa. Ja pašreizējā temperatūra iekrīt optimālajam blakus esošajā diapazonā (mūsu gadījumā tā ir normāla temperatūra), tad sloksne kļūs dzeltena. Ja pašreizējā temperatūra iekrīt ne optimālajam blakus esošajā diapazonā (mūsu gadījumā tā ir karsta temperatūra), tad sloksne kļūs sarkana.
Līdzīgi viss notiks, ja optimālo temperatūru norādīsiet karstu. Šajā gadījumā, ja pašreizējā temperatūra iekrita karsto temperatūru apgabalā - sloksne būs zaļa, ja iekrita normālo temperatūru apgabalā - dzeltena, ja auksto temperatūru apgabalā - sarkana.
Ja optimālo norādīsiet normālu temperatūru, tad sloksne var būt tikai zaļa (ja pašreizējā temperatūra iekrita normālajā) vai dzeltena (ja pašreizējā temperatūra iekrita normālajai blakus esošajā temperatūrā, tas ir karstajā vai aukstajā).
Lai norādītu, kurš diapazons ir optimāls,
jānorāda kā atribūta
optimum vērtība jebkurš skaitlis no šī diapazona.
Zemāk esošajos piemēros atribūta optimum vērtība
iekrīt zemo vērtību apgabalā
(tas ir, aukstajās temperatūrās).
Piemērs
Atribūta value vērtība iekrīt
zemo vērtību apgabalā:
<meter value="10" min="0" low="20" high="80" max="100" optimum="10"></meter>
:
Piemērs
Atribūta value vērtība iekrīt
normālo vērtību apgabalā:
<meter value="50" min="0" low="20" high="80" max="100" optimum="10"></meter>
:
Piemērs
Atribūta value vērtība iekrīt
augsto vērtību apgabalā:
<meter value="90" min="0" low="20" high="80" max="100" optimum="10"></meter>
:
Zemāk esošajos piemēros atribūta optimum vērtība
iekrīt augsto vērtību apgabalā
(tas ir, karstajās temperatūrās).
Piemērs
Atribūta value vērtība iekrīt
zemo vērtību apgabalā:
<meter value="10" min="0" low="20" high="80" max="100" optimum="90"></meter>
:
Piemērs
Atribūta value vērtība iekrīt
normālo vērtību apgabalā:
<meter value="50" min="0" low="20" high="80" max="100" optimum="90"></meter>
:
Piemērs
Atribūta value vērtība iekrīt
augsto vērtību apgabalā:
<meter value="90" min="0" low="20" high="80" max="100" optimum="90"></meter>
:
Zemāk esošajos piemēros atribūta optimum vērtība
iekrīt normālo vērtību apgabalā
(tas ir, normālajās temperatūrās).
Piemērs
Atribūta value vērtība iekrīt
zemo vērtību apgabalā:
<meter value="10" min="0" low="20" high="80" max="100" optimum="50"></meter>
:
Piemērs
Atribūta value vērtība iekrīt
normālo vērtību apgabalā:
<meter value="50" min="0" low="20" high="80" max="100" optimum="50"></meter>
:
Piemērs
Atribūta value vērtība iekrīt
augsto vērtību apgabalā:
<meter value="90" min="0" low="20" high="80" max="100" optimum="50"></meter>
:
Vecie pārlūkprogrammu
Vecās pārlūkprogrammas nevarēs parādīt tag meter
skaistā veidā un tā vietā izvadīs
pats taga saturu:
<meter value="10" min="0" max="100">Šis teksts tiks rādīts vecajās pārlūkprogrammās.</meter>
:
Atribūti
Atribūtu vērtības var būt daļskaitļi un negatīvi skaitļi.
| Atribūts | Apraksts |
|---|---|
value |
Iestata pašreizējo vērtību. Obligāts atribūts. |
min |
Norāda minimālo iespējamo vērtību. Noklusējuma vērtība: 0. |
max |
Norāda maksimālo iespējamo vērtību. Noklusējuma vērtība: 1. |
low |
Norāda zemo vērtību apgabala robežu. Zemas vērtības būs no skaitļa atribūtā
min līdz skaitlim atribūtā low.
|
high |
Norāda zemo vērtību apgabala robežu. Zemas vērtības būs no skaitļa atribūtā
high līdz skaitlim atribūtā max.
|
optimum |
Nosaka optimālo vērtību apgabalu. |
Skatiet arī
-
tags
progress,
kas izveido ielādes sloksni.