Etiketa meter
Etiketa meter përdoret për të shfaqur
një vlerë në një format të bukur.
Pamja e etiketës paraqet një shufër të ngjyrosur pjesërisht ose plotësisht. Shufra mund të jetë e gjelbër, e verdhë ose e kuqe (ngjyra e shufrës varet nga atributet, më poshtë do të shpjegohet):
Etiketa meter duhet të përdoret, për
shembull, në situatën e mëposhtme: ju dëshironi
të shfaqni në ekran vlerën aktuale të temperaturës,
ku temperatura mund të ndryshojë nga 0
në 100. Ju duhet të specifikoni atributet
e mëposhtme: atributi value duhet të tregojë
vlerën aktuale të temperaturës, atributi min
- vlerën minimale të mundshme (në rastin tonë
0), atributi max - vlerën maksimale
të mundshme (në rastin tonë 100).
Në varësi të vlerës së atributit value
shufra do të jetë e vogël ose e madhe. Nëse
specifikohet value me vlerën 10,
shufra do të jetë e vogël (pasi 10
është shumë afër minimumit - zero), nëse
specifikohet vlera 90, atëherë shufra do të jetë
e madhe (pasi 90 është afër maksimumit
- 100). Nëse specifikohet vlera 100 - atëherë
shufra do të zërë të gjithë elementin (pasi vlera
ka arritur maksimumin).
Nëse specifikohet një vlerë më e madhe se 100,
shufra do të zërë të gjithë elementin gjithsesi.
Nëse specifikohet 0 ose më pak - atëherë nuk do të ketë
shufër fare.
Shembull
Vlera e atributit value e vogël:
<meter value="10" min="0" max="100"></meter>
:
Shembull
Vlera e atributit value e madhe:
<meter value="90" min="0" max="100"></meter>
:
Shembull
Vlera e atributit value e mesme:
<meter value="50" min="0" max="100"></meter>
:
Shembull
Vlera e atributit value është e barabartë me maksimalen:
<meter value="100" min="0" max="100"></meter>
:
Shembull
Vlera e atributit value është e barabartë me minimalen:
<meter value="0" min="0" max="100"></meter>
:
Shembull
Vlera e atributit value më e madhe se maksimalja:
<meter value="110" min="0" max="100"></meter>
:
Shembull
Vlera e atributit value më e vogël se minimalja:
<meter value="-10" min="0" max="100"></meter>
:
Shtimi i atributeve low dhe high
Te etiketa meter ka edhe 2 atributet:
low dhe high.
Le të shqyrtojmë funksionimin e tyre duke përdorur shembullin e temperaturës.
Kujtojmë se temperatura jonë minimale
është 0, dhe maksimalja - 100.
Le të themi tani që ne dëshirojmë të krijojmë intervalet
e mëposhtme - "temperaturë e ftohtë" nga 0 në 20,
"normale" nga 20 në 80 dhe
"e nxehtë" nga 80 në 100.
Për të përcaktuar temperaturën e ftohtë, do të specifikojmë
vlerën e atributit low si numrin 20.
Kështu, nga zero (kjo është vlera e atributit
min) deri në 20 (vlera e atributit
low) kemi zonën e vlerave të ulëta.
Për të përcaktuar temperaturën e nxehtë, do të specifikojmë
vlerën e atributit high si numrin 80.
Kështu, nga 80 (kjo është vlera
e atributit high) deri në 100 (vlera
e atributit max) kemi zonën e vlerave të larta
.
Temperatura normale do të jetë nga 20
(kjo është vlera e atributit low) deri në 80
(vlera e atributit high). Këtë zonë
do ta quajmë zona e vlerave normale.
Tani, në varësi të zonës në të cilën
bien vlera e atributit value,
shufra do të ngjyroset në ngjyrë të gjelbër ose
të verdhë. E gjelbër do të jetë, nëse bie
në zonën e vlerave normale, ndërsa e verdhë
- nëse bie në zonën e vlerave të larta ose të ulëta.
Shembull
Vlera e atributit value bie në
zonën e vlerave të ulëta:
<meter value="10" min="0" low="20" high="80" max="100"></meter>
:
Shembull
Vlera e atributit value bie në
zonën e vlerave normale:
<meter value="50" min="0" low="20" high="80" max="100"></meter>
:
Shembull
Vlera e atributit value bie në
zonën e vlerave të larta:
<meter value="90" min="0" low="20" high="80" max="100"></meter>
:
Shtimi i atributit optimum
Atributi optimum përcakton vlerën
optimale. Për shembullin tonë, temperatura optimale
mund të jetë e ftohtë, normale
ose e nxehtë - sipas zgjedhjes suaj. Le të supozojmë,
se ju specifikoni që temperatura optimale
është e ftohtë. Tani, në varësi të vlerës
së atributit value (d.m.th. nga temperatura aktuale
) ngjyra e shufrës do të jetë e gjelbër,
e verdhë ose e kuqe.
Nëse temperatura aktuale bie në zonën e temperaturave optimale (dhe ne kemi specifikuar që optimale është e ftohtë), atëherë ngjyra e shufrës do të jetë e gjelbër. Nëse temperatura aktuale bie në intervalin ngjitur me atë optimal (në rastin tonë kjo është temperatura normale), atëherë shufra do të bëhet e verdhë. Nëse temperatura aktuale bie në një interval jo ngjitur me atë optimal (në rastin tonë kjo është temperatura e nxehtë), atëherë shufra do të bëhet e kuqe.
Në mënyrë të ngjashme do të ndodhë gjithçka, nëse temperatura optimale specifikohet si e nxehtë. Në këtë rast, nëse temperatura aktuale bie në zonën e temperaturave të nxehta - shufra do të jetë e gjelbër, nëse bie në zonën e temperaturave normale - e verdhë, nëse në zonën e temperaturave të ftohta - e kuqe.
Nëse optimale specifikohet si temperatura normale, atëherë shufra mund të jetë vetëm e gjelbër (nëse temperatura aktuale bie në atë normale) ose e verdhë (nëse temperatura aktuale bie në intervalin ngjitur me temperaturën normale, që është e nxehtë ose e ftohtë).
Për të treguar se cili interval është optimal,
duhet specifikuar si vlerë e atributit
optimum çdo numër nga ai interval.
Në shembujt e mëposhtëm vlera e atributit optimum
bie në zonën e vlerave të ulëta
(d.m.th. temperaturave të ftohta).
Shembull
Vlera e atributit value bie në
zonën e vlerave të ulëta:
<meter value="10" min="0" low="20" high="80" max="100" optimum="10"></meter>
:
Shembull
Vlera e atributit value bie në
zonën e vlerave normale:
<meter value="50" min="0" low="20" high="80" max="100" optimum="10"></meter>
:
Shembull
Vlera e atributit value bie në
zonën e vlerave të larta:
<meter value="90" min="0" low="20" high="80" max="100" optimum="10"></meter>
:
Në shembujt e mëposhtëm vlera e atributit optimum
bie në zonën e vlerave të larta
(d.m.th. temperaturave të nxehta).
Shembull
Vlera e atributit value bie në
zonën e vlerave të ulëta:
<meter value="10" min="0" low="20" high="80" max="100" optimum="90"></meter>
:
Shembull
Vlera e atributit value bie në
zonën e vlerave normale:
<meter value="50" min="0" low="20" high="80" max="100" optimum="90"></meter>
:
Shembull
Vlera e atributit value bie në
zonën e vlerave të larta:
<meter value="90" min="0" low="20" high="80" max="100" optimum="90"></meter>
:
Në shembujt e mëposhtëm vlera e atributit optimum
bie në zonën e vlerave normale
(d.m.th. temperaturave normale).
Shembull
Vlera e atributit value bie në
zonën e vlerave të ulëta:
<meter value="10" min="0" low="20" high="80" max="100" optimum="50"></meter>
:
Shembull
Vlera e atributit value bie në
zonën e vlerave normale:
<meter value="50" min="0" low="20" high="80" max="100" optimum="50"></meter>
:
Shembull
Vlera e atributit value bie në
zonën e vlerave të larta:
<meter value="90" min="0" low="20" high="80" max="100" optimum="50"></meter>
:
Shfletues të vjetër
Shfletuesit e vjetër nuk mund të shfaqin etiketën meter
në një format të bukur dhe do të shfaqin në vend të kësaj
përmbajtjen e vetë etiketës:
<meter value="10" min="0" max="100">Ky tekst do të shfaqet në shfletues të vjetër.</meter>
:
Atributet
Vlera e atributeve mund të jetë numër thyesor dhe negativ .
| Atributi | Përshkrimi |
|---|---|
value |
Vendos vlerën aktuale. Atribut i detyrueshëm. |
min |
Përcakton vlerën minimale të mundshme. Vlera e paracaktuar: 0. |
max |
Përcakton vlerën maksimale të mundshme. Vlera e paracaktuar: 1. |
low |
Përcakton kufirin e zonës së vlerave të ulëta. Vlerat e ulëta do të jenë nga numri në atributin
min deri te numri në atributin low.
|
high |
Përcakton kufirin e zonës së vlerave të larta. Vlerat e larta do të jenë nga numri në atributin
high deri te numri në atributin max.
|
optimum |
Përcakton zonën e vlerave optimale. |
Shihni gjithashtu
-
etiketa
progress,
e cila krijon një shirit ngarkimi.