Prvok meter

Prvok meter sa používa na zobrazenie nejakej hodnoty v pekne formátovanej podobe.

Vzhľad prvku predstavuje čiastočne alebo úplne vyplnený pruh. Pruh môže byť zelený, žltý alebo červený (farba pruhu závisí od hodnôt atribútov, o tom bude nižšie):

Prvok meter by sa mal použiť, napríklad v nasledujúcej situácii: chcete zobraziť na obrazovke aktuálnu hodnotu teploty, pričom teplota sa môže meniť od 0 do 100. Mali by ste uviesť nasledujúce atribúty: atribút value by mal udávať aktuálnu hodnotu teploty, atribút min - minimálnu možnú hodnotu (v našom prípade 0), atribút max - maximálnu možnú (v našom prípade 100).

V závislosti od hodnoty atribútu value bude pruh malý alebo veľký. Ak zadáte value s hodnotou 10, pruh bude malý (pretože 10 je veľmi blízko k minimu - k nule), ak však zadáte hodnotu 90, pruh bude veľký (pretože 90 je blízko k maximu - k 100). Ak zadáte hodnotu 100 - pruh zaberie celý prvok (pretože hodnota dosiahla maximum).

Ak zadáte hodnotu väčšiu ako 100, pruh aj tak zaberie celý prvok. Ak však zadáte 0 a menej - pruh vôbec nebude.

Príklad

Hodnota atribútu value je malá:

:

Príklad

Hodnota atribútu value je veľká:

:

Príklad

Hodnota atribútu value je stredná:

:

Príklad

Hodnota atribútu value je rovnaká ako maximálna:

:

Príklad

Hodnota atribútu value je rovnaká ako minimálna:

:

Príklad

Hodnota atribútu value je väčšia ako maximálna:

:

Príklad

Hodnota atribútu value je menšia ako minimálna:

:

Pridávame atribúty low a high

V prvku meter sú ešte 2 atribúty: low a high.

Pozrime sa na ich fungovanie na príklade teploty. Pripomínam, že naša minimálna teplota je 0 a maximálna - 100. Nech teraz chceme vytvoriť nasledujúce rozsahy - "studená teplota" od 0 do 20, "normálna" od 20 do 80 a "horúca" od 80 do 100.

Aby sme nastavili studenú teplotu, určíme hodnotou atribútu low číslo 20. Výsledkom bude, že od nuly (toto je hodnota atribútu min) do 20 (hodnota atribútu low) máme oblasť nízkych hodnôt.

Aby sme nastavili horúcu teplotu, určíme hodnotou atribútu high číslo 80. Výsledkom bude, že od 80 (toto je hodnota atribútu high) do 100 (hodnota atribútu max) máme oblasť vysokých hodnôt.

Normálna teplota bude od 20 (toto je hodnota atribútu low) do 80 (hodnota atribútu high). Túto oblasť nazvime oblasťou normálnych hodnôt.

Teraz, v závislosti od toho, do ktorej oblasti spadá hodnota atribútu value, bude pruh zafarbený na zeleno alebo žlto. Zelená bude, ak sme spadli do oblasti normálnych hodnôt, a žltá - ak do oblasti vysokých alebo nízkych hodnôt.

Príklad

Hodnota atribútu value spadá do oblasti nízkych hodnôt:

:

Príklad

Hodnota atribútu value spadá do oblasti normálnych hodnôt:

:

Príklad

Hodnota atribútu value spadá do oblasti vysokých hodnôt:

:

Pridávame atribút optimum

Atribút optimum určuje optimálnu hodnotu. Pre náš príklad môže byť optimálna studená teplota, normálna alebo horúca - podľa vášho výberu. Predpokladajme, že určíte, že optimálna teplota je studená. Teraz, v závislosti od hodnoty atribútu value (teda od aktuálnej teploty) farba pruhu bude zelená, žltá alebo červená.

Ak aktuálna teplota spadá do oblasti optimálnych teplôt (a my sme určili, že optimálna je studená), farba pruhu bude zelená. Ak aktuálna teplota spadá do susedného s optimálnym rozsahu (v našom prípade je to normálna teplota), pruh zožltne. Ak však aktuálna teplota spadá nie do susedného s optimálnym rozsahu (v našom prípade je to horúca teplota), pruh sa stane červeným.

Podobne bude všetko prebiehať, ak optimálnu teplotu určíme ako horúcu. V tomto prípade, ak aktuálna teplota spadla do oblasti horúcich teplôt - pruh bude zelený, ak spadla do oblasti normálnych - žltý, ak do oblasti studených - červený.

Ak optimálnu určíme normálnu teplotu, pruh môže byť len zelený (ak aktuálna teplota spadla do normálnej) alebo žltý (ak aktuálna teplota spadla do suseda normálnej teploty, a to horúcej alebo studenej).

Ak chceme určiť, ktorý rozsah je optimálny, treba zadať ako hodnotu atribútu optimum ľubovoľné číslo z tohto rozsahu.

V príkladoch nižšie hodnota atribútu optimum spadá do oblasti nízkych hodnôt (teda studených teplôt).

Príklad

Hodnota atribútu value spadá do oblasti nízkych hodnôt:

:

Príklad

Hodnota atribútu value spadá do oblasti normálnych hodnôt:

:

Príklad

Hodnota atribútu value spadá do oblasti vysokých hodnôt:

:

V príkladoch nižšie hodnota atribútu optimum spadá do oblasti vysokých hodnôt (teda horúcich teplôt).

Príklad

Hodnota atribútu value spadá do oblasti nízkych hodnôt:

:

Príklad

Hodnota atribútu value spadá do oblasti normálnych hodnôt:

:

Príklad

Hodnota atribútu value spadá do oblasti vysokých hodnôt:

:

---

V príkladoch nižšie hodnota atribútu optimum spadá do oblasti normálnych hodnôt (teda normálnych teplôt).

Príklad

Hodnota atribútu value spadá do oblasti nízkych hodnôt:

:

Príklad

Hodnota atribútu value spadá do oblasti normálnych hodnôt:

:

Príklad

Hodnota atribútu value spadá do oblasti vysokých hodnôt:

:

Staré prehliadače

Staré prehliadače nebudú schopné zobraziť prvok meter v peknom vzhľade a namiesto toho budú zobrazovať obsah samotného prvku:

:

Atribúty

Hodnota atribútov môže byť desatinné a záporné číslo.

Atribút	Popis
value	Nastavuje aktuálnu hodnotu. Povinný atribút.
min	Nastavuje minimálnu možnú hodnotu. Predvolená hodnota: 0.
max	Nastavuje maximálnu možnú hodnotu. Predvolená hodnota: 1.
low	Nastavuje hranicu oblasti nízkych hodnôt. Nízke hodnoty budú od čísla v atribúte min do čísla v atribúte low.
high	Nastavuje hranicu oblasti vysokých hodnôt. Vysoké hodnoty budú od čísla v atribúte high do čísla v atribúte max.
optimum	Určuje oblasť optimálnych hodnôt.

Pozri tiež