Teq meter
Teq meter müeyyen bir deyeri
gözel shekilde çıxarmaq üçün istifade olunur.
Teqin görünüşü qismən ve ya tam doldurulmuş bir zolaq kimi teqdim olunur. Zolaq yaşıl, sarı ve ya qırmızı ola biler (zolağın rengi atributların deyerlerinden asılıdır, buna aşağıda deyilecek):
Teq meter, meselecən, aşağıdakı veziyyetlerde
istifade edilmelidir: ekranda cari temperaturu
çıxarmaq isteyirsiniz, bu zaman temperatur
0-dan 100-a qeder deyişe biler.
Siz aşağıdakı atributları teyin etmelisiniz:
value atributu cari temperaturu,
min atributu - minimum mümkün deyeri (bizim
halda 0), max atributu isə - maksimum
mümkün deyeri (bizim halda 100) göstermelidir.
value atributunun deyerinden asılı olaraq
zolaq kiçik ve ya böyük olacaq. Əgər
value atributunu 10 kimi teyin etseniz,
zolaq kiçik olacaq (çünki 10
minimuma - sıfıra çox yaxındır), əgər
deyeri 90 kimi teyin etseniz, zolaq
böyük olacaq (çünki 90 maksimuma
- 100-e yaxındır). Əgər deyeri 100 teyin etseniz -
zolaq bütün elementi dolduracaq (çünki deyer
maksimuma çatmışdır).
Əgər 100-dan böyük bir deyer teyin etseniz,
zolaq yenə də bütün elementi dolduracaq.
Əgər 0 ve ya daha azını teyin etseniz - zolaq
ümumiyyətlə görünmeyecek.
Nümunə
value atributunun deyeri kiçikdir:
<meter value="10" min="0" max="100"></meter>
:
Nümunə
value atributunun deyeri böyükdür:
<meter value="90" min="0" max="100"></meter>
:
Nümunə
value atributunun deyeri ortadır:
<meter value="50" min="0" max="100"></meter>
:
Nümunə
value atributunun deyeri maksimuma bərabərdir:
<meter value="100" min="0" max="100"></meter>
:
Nümunə
value atributunun deyeri minimuma bərabərdir:
<meter value="0" min="0" max="100"></meter>
:
Nümunə
value atributunun deyeri maksimumdan böyükdür:
<meter value="110" min="0" max="100"></meter>
:
Nümunə
value atributunun deyeri minimumdan kiçikdir:
<meter value="-10" min="0" max="100"></meter>
:
low ve high atributlarını əlavə edirik
meter teqinde daha 2 atribut var:
low ve high.
Onların işini temperatur nümunəsinde nəzərdən keçirək.
Xatırladım ki, bizim minimum temperatur
0-a, maksimum temperatur isə - 100-a bərabərdir.
İndi isə aşağıdakı diapazonları teyin etmek istəyək
- "soyuq temperatur" 0-dan 20-a qeder,
"normal" 20-dan 80-a qeder ve
"isti" 80-dan 100-a qeder.
Soyuq temperaturu teyin etmək üçün,
low atributunun deyerini 20 kimi teyin edək.
Beləliklə, sıfırdan (bu min atributunun
deyeridir) 20-a qeder (low atributunun deyeri)
bizim aşağı deyerler sahəsi olacaq.
İsti temperaturu teyin etmək üçün,
high atributunun deyerini 80 kimi teyin edək.
Beləliklə, 80-dan (bu high atributunun
deyeridir) 100-a qeder (max atributunun deyeri)
bizim yüksək deyerler sahəsi olacaq.
Normal temperatur 20-dan
(bu low atributunun deyeridir) 80-a qeder
(high atributunun deyeri) olacaq. Bu sahəni
normal deyerler sahəsi adlandıraq.
İndi, value atributunun deyerinin hansı sahəyə
düşməsindən asılı olaraq,
zolaq yaşıl ve ya
sarı rəng alacaq. Yaşıl rəng, əgər biz
normal deyerler sahəsinə düşsək,
sarı rəng isə - əgər yüksək ve ya aşağı deyerler sahəsinə düşsək.
Nümunə
value atributunun deyeri
aşağı deyerler sahəsinə düşür:
<meter value="10" min="0" low="20" high="80" max="100"></meter>
:
Nümunə
value atributunun deyeri
normal deyerler sahəsinə düşür:
<meter value="50" min="0" low="20" high="80" max="100"></meter>
:
Nümunə
value atributunun deyeri
yüksək deyerler sahəsinə düşür:
<meter value="90" min="0" low="20" high="80" max="100"></meter>
:
optimum atributunu əlavə edirik
optimum atributu optimal
deyeri teyin edir. Bizim nümunəmiz üçün optimal
soyuq temperatur, normal
ve ya isti temperatur ola biler - bu sizin seçiminizdir. Tutaq ki,
siz teyin etmisiniz ki, optimal temperatur
soyuqdur. İndi, value atributunun deyerindən
aslı olaraq (yəni cari temperaturdan) zolağın rəngi yaşıl,
sarı ve ya qırmızı olacaq.
Əgər cari temperatur optimal temperaturlar sahəsinə düşürsə (biz isə optimalın soyuq olduğunu teyin etmişik), zolağın rəngi yaşıl olacaq. Əgər cari temperatur optimala bitişik olan diapazona (bizim halda bu normal temperaturdur) düşürsə, zolaq sarı olacaq. Əgər cari temperatur optimuma bitişik olmayan diapazona (bizim halda bu isti temperaturdur) düşürsə, zolaq qırmızı olacaq.
Eyni qayda ile hər şey baş verəcək, əgər optimal temperatur kimi istini teyin etsək. Bu halda, əgər cari temperatur isti temperaturlar sahəsinə düşürsə - zolaq yaşıl olacaq, əgər normal temperaturlar sahəsinə düşürsə - sarı, əgər soyuq temperaturlar sahəsinə düşürsə - qırmızı.
Əgər optimal kimi normal temperaturu teyin etsək, zolaq yalnız yaşıl (əgər cari temperatur normala düşürsə) ve ya sarı (əgər cari temperatur normala bitişik olan sahəyə düşürsə, bu isə isti ve ya soyuq ola biler) ola biler.
Hansı diapazonun optimal olduğunu teyin etmək üçün,
optimum atributunun deyeri kimi
həmin diapazondan istənilən bir ədəd teyin edilməlidir.
Aşağıdakı nümunələrdə optimum atributunun deyeri
aşağı deyerler sahəsinə düşür
(yəni soyuq temperaturlar).
Nümunə
value atributunun deyeri
aşağı deyerler sahəsinə düşür:
<meter value="10" min="0" low="20" high="80" max="100" optimum="10"></meter>
:
Nümunə
value atributunun deyeri
normal deyerler sahəsinə düşür:
<meter value="50" min="0" low="20" high="80" max="100" optimum="10"></meter>
:
Nümunə
value atributunun deyeri
yüksək deyerler sahəsinə düşür:
<meter value="90" min="0" low="20" high="80" max="100" optimum="10"></meter>
:
Aşağıdakı nümunələrdə optimum atributunun deyeri
yüksək deyerler sahəsinə düşür
(yəni isti temperaturlar).
Nümunə
value atributunun deyeri
aşağı deyerler sahəsinə düşür:
<meter value="10" min="0" low="20" high="80" max="100" optimum="90"></meter>
:
Nümunə
value atributunun deyeri
normal deyerler sahəsinə düşür:
<meter value="50" min="0" low="20" high="80" max="100" optimum="90"></meter>
:
Nümunə
value atributunun deyeri
yüksək deyerler sahəsinə düşür:
<meter value="90" min="0" low="20" high="80" max="100" optimum="90"></meter>
:
Aşağıdakı nümunələrdə optimum atributunun deyeri
normal deyerler sahəsinə düşür
(yəni normal temperaturlar).
Nümunə
value atributunun deyeri
aşağı deyerler sahəsinə düşür:
<meter value="10" min="0" low="20" high="80" max="100" optimum="50"></meter>
:
Nümunə
value atributunun deyeri
normal deyerler sahəsinə düşür:
<meter value="50" min="0" low="20" high="80" max="100" optimum="50"></meter>
:
Nümunə
value atributunun deyeri
yüksək deyerler sahəsinə düşür:
<meter value="90" min="0" low="20" high="80" max="100" optimum="50"></meter>
:
Köhnə brauzerler
Köhnə brauzerler meter teqini
gözel şəkildə göstərə bilməyəcək ve onun yerinə
teqin öz məzmununu çıxaracaq:
<meter value="10" min="0" max="100">Bu mətn köhnə brauzerlerdə görünəcək.</meter>
:
Atributlar
Atributların deyeri kəsr ve mənfi ədəd ola biler.
| Atribut | Təsvir |
|---|---|
value |
Cari deyeri teyin edir. Məcburi atribut. |
min |
Minimum mümkün deyeri teyin edir. Standart deyer: 0. |
max |
Maksimum mümkün deyeri teyin edir. Standart deyer: 1. |
low |
Aşağı deyerler sahəsinin sərhədini teyin edir. Aşağı deyerler min atributundakı
ədəddən low atributundakı ədədə qeder olacaq.
|
high |
Yüksək deyerler sahəsinin sərhədini teyin edir. Yüksək deyerler high atributundakı
ədəddən max atributundakı ədədə qeder olacaq.
|
optimum |
Optimal deyerler sahəsinı teyin edir. |
Həmçinin bax
-
teq
progress,
yalnız yüklənmə zolağı yaradır.