Тег meter

Тег meter се користи за приказ неке вредности на лепо уређен начин.

Изглед тега представља делимично или потпуно обојену траку. Трака може бити зелена, жута или црвена (боја траке зависи од вредности атрибута, о томе ће бити речи даље):

Тег meter треба користити, на пример, у следећој ситуацији: желите да прикажете на екрану тренутну вредност температуре, при чему температура може да се мења од 0 до 100. Треба да наведете следеће атрибуте: атрибут value треба да укаже тренутну вредност температуре, атрибут min - минимално могућу вредност (у нашем случају 0), атрибут max - максимално могућу (у нашем случају 100).

У зависности од вредности атрибута value трака ће бити мала или велика. Ако наведете value са вредношћу 10, трака ће бити мала (јер је 10 веома близу минимуму - нули), ако наведете вредност 90, трака ће бити велика (јер је 90 близу максимуму - до 100). Ако наведете вредност 100 - онда трака ће заузимати цео елемент (јер вредност је достигла максимум).

Ако наведете вредност већу од 100, трака ће ипак заузимати цео елемент. Ако наведете 0 и мање - траке уопште неће бити.

Пример

Вредност атрибута value је мала:

:

Пример

Вредност атрибута value је велика:

:

Пример

Вредност атрибута value је средња:

:

Пример

Вредност атрибута value је једнака максималној:

:

Пример

Вредност атрибута value је једнака минималној:

:

Пример

Вредност атрибута value је већа од максималне:

:

Пример

Вредност атрибута value је мања од минималне:

:

Додајмо атрибуте low и high

У тегу meter постоје још 2 атрибута: low и high.

Размотримо њихов рад на примеру температуре. Подсећам, наша минимална температура је 0, а максимална - 100. Нека сада желимо да направимо следеће опсеге - "хладна температура" од 0 до 20, "нормална" од 20 до 80 и "топла" од 80 до 100.

Да бисмо задали хладну температуру, навешћемо вредношћу атрибута low број 20. Добиће се да је од нуле (то је вредност атрибута min) до 20 (вредност атрибута low) наш област ниских вредности.

Да бисмо задали топлу температуру, навешћемо вредношћу атрибута high број 80. Добиће се да је од 80 (то је вредност атрибута high) до 100 (вредност атрибута max) наш област високих вредности.

Нормална температура ће бити од 20 (то је вредност атрибута low) до 80 (вредност атрибута high). Ову област назовимо област нормалних вредности.

Сада, у зависности од тога, у коју област пада вредност атрибута value, трака ће се бојити у зелену или жуту боју. Зелена ће бити, ако смо упали у област нормалних вредности, а жута - ако у област високих или ниских вредности.

Пример

Вредност атрибута value пада у област ниских вредности:

:

Пример

Вредност атрибута value пада у област нормалних вредности:

:

Пример

Вредност атрибута value пада у област високих вредности:

:

Додајмо атрибут optimum

Атрибут optimum дефинише оптималну вредност. За наш пример оптимална може бити хладна температура, нормална или топла - по вашем избору. Претпоставимо, да наведете да је оптимална температура хладна. Сада, у зависности од вредности атрибута value (то јест од тренутне температуре) боја траке ће бити зелена, жута или црвена.

Ако тренутна температура пада у област оптималних температура (а ми смо навели да је оптимална - хладна), онда ће боја траке бити зелена. Ако тренутна температура пада у суседни са оптималним опсег (у нашем случају то је нормална температура), онда трака постаје жута. Ако тренутна температура пада не у суседни са оптималним опсег (у нашем случају то је топла температура), онда трака постаје црвена.

На сличан начин све ће се одвијати, ако оптималном температуром наведемо топлу. У овом случају, ако тренутна температура падне у област топлих температура - трака ће бити зелена, ако падне у област нормалних - жута, ако у област хладних - црвена.

Ако оптималном наведемо нормалну температуру, онда трака може бити само зелена (ако тренутна температура падне у нормалну) или жута (ако тренутна температура падне у суседа нормалне температуре, а то су топла или хладна).

Да бисмо навели који опсег је оптималан, треба навести као вредност атрибута optimum било који број из тог опсега.

У примерима испод вредност атрибута optimum пада у област ниских вредности (то јест хладних температура).

Пример

Вредност атрибута value пада у област ниских вредности:

:

Пример

Вредност атрибута value пада у област нормалних вредности:

:

Пример

Вредност атрибута value пада у област високих вредности:

:

У примерима испод вредност атрибута optimum пада у област високих вредности (то јест топлих температура).

Пример

Вредност атрибута value пада у област ниских вредности:

:

Пример

Вредност атрибута value пада у област нормалних вредности:

:

Пример

Вредност атрибута value пада у област високих вредности:

:

---

У примерима испод вредност атрибута optimum пада у област нормалних вредности (то јест нормалних температура).

Пример

Вредност атрибута value пада у област ниских вредности:

:

Пример

Вредност атрибута value пада у област нормалних вредности:

:

Пример

Вредност атрибута value пада у област високих вредности:

:

Стари прегледачи

Стари прегледачи неће моћи да прикажу тег meter на леп начин и приказиваће уместо тога садржај самог тега:

:

Атрибути

Вредност атрибута може бити разломљена и негативна број.

Атрибут	Опис
value	Поставља тренутну вредност. Обавезни атрибут.
min	Задаје минимално могућу вредност. Подразумевана вредност: 0.
max	Задаје максимално могућу вредност. Подразумевана вредност: 1.
low	Задаје границу области ниских вредности. Ниске вредности ће бити од броја у атрибуту min до броја у атрибуту low.
high	Задаје границу области ниских вредности. Ниске вредности ће бити од броја у атрибуту high до броја у атрибуту max.
optimum	Дефинише област оптималних вредности.

Погледајте такође