Meter-tagget

Tagget meter bruges til at vise en vis værdi pænt formateret.

Taggets udseende er en delvist eller fuldstændigt udfyldt streg. Stregen kan være grøn, gul eller rød (stregenes farve afhænger af attributternes værdier, mere om dette senere):

Tagget meter bør bruges, for eksempel, i følgende situation: du ønsker at vise den aktuelle temperatur på skærmen, hvor temperaturen kan variere fra 0 til 100. Du bør angive følgende attributter: attributten value skal angive den aktuelle temperaturværdi, attributten min - den mindst mulige værdi (i vores tilfælde 0), attributten max - den maksimalt mulige (i vores tilfælde 100).

Afhængigt af værdien af attributten value vil stregen være lille eller stor. Hvis du angiver value med værdien 10, vil stregen være lille (da 10 er meget tæt på minimum - nul), men hvis du angiver værdien 90, vil stregen være stor (da 90 er tæt på maksimum - 100). Hvis du angiver værdien 100 - vil stregen fylde hele elementet (da værdien har nået maksimum).

Hvis du angiver en værdi større end 100, vil stregen alligevel fylde hele elementet. Hvis du angiver 0 eller mindre - vil der slet ikke være nogen streg.

Eksempel

Værdien af attributten value er lille:

:

Eksempel

Værdien af attributten value er stor:

:

Eksempel

Værdien af attributten value er middel:

:

Eksempel

Værdien af attributten value er lig med den maksimale:

:

Eksempel

Værdien af attributten value er lig med den minimale:

:

Eksempel

Værdien af attributten value er større end den maksimale:

:

Eksempel

Værdien af attributten value er mindre end den minimale:

:

Tilføjer attributterne low og high

I tagget meter er der yderligere 2 attributter: low og high.

Lad os se på deres funktion ved hjælp af temperatureksemplet. Husk, at vores minimumstemperatur er 0, og maksimumstemperaturen er 100. Lad os nu sige, at vi vil lave følgende intervaller - "kold temperatur" fra 0 til 20, "normal" fra 20 til 80 og "varm" fra 80 til 100.

For at angive kold temperatur, sætter vi værdien af attributten low til tallet 20. Det vil sige, at fra nul (værdien af attributten min) til 20 (værdien af attributten low) har vi området for lave værdier.

For at angive varm temperatur, sætter vi værdien af attributten high til tallet 80. Det vil sige, at fra 80 (værdien af attributten high) til 100 (værdien af attributten max) har vi området for høje værdier.

Normal temperatur vil være fra 20 (dette er værdien af attributten low) til 80 (værdien af attributten high). Dette område kalder vi området for normale værdier.

Afhængigt af hvilket område værdien af attributten value falder ind i, vil stregen blive farvet grøn eller gul. Den vil være grøn, hvis vi falder ind i området for normale værdier, og gul - hvis i området for høje eller lave værdier.

Eksempel

Værdien af attributten value falder ind i området for lave værdier:

:

Eksempel

Værdien af attributten value falder ind i området for normale værdier:

:

Eksempel

Værdien af attributten value falder ind i området for høje værdier:

:

Tilføjer attributten optimum

Attributten optimum definerer den optimale værdi. For vores eksempel kunne den optimale være kold temperatur, normal eller varm - efter din valg. Lad os antage, at du angiver, at den optimale temperatur er kold. Afhængigt af værdien af attributten value (altså den aktuelle temperatur) vil stregens farve være grøn, gul eller rød.

Hvis den aktuelle temperatur falder ind i området for optimale temperaturer (og vi har angivet, at den optimale er kold), vil stregens farve være grøn. Hvis den aktuelle temperatur falder ind i intervallet ved siden af det optimale (i vores tilfælde er det normal temperatur), vil stregen blive gul. Hvis den aktuelle temperatur falder ind i et interval, der ikke er ved siden af det optimale (i vores tilfælde er det varm temperatur), vil stregen blive rød.

På samme måde vil alt foregå, hvis den optimale temperatur angives som varm. I dette tilfælde, hvis den aktuelle temperatur falder ind i området for varme temperaturer - vil stregen være grøn, hvis den falder ind i området for normale - gul, hvis i området for kolde - rød.

Hvis den optimale angives som normal temperatur, kan stregen kun være grøn (hvis den aktuelle temperatur falder ind i den normale) eller gul (hvis den aktuelle temperatur falder ind i et interval ved siden af den normale, altså varm eller kold).

For at angive, hvilket interval der er optimalt, skal du angive som værdi for attributten optimum et hvilket som helst tal fra dette interval.

I eksemplerne nedenfor falder værdien af attributten optimum ind i området for lave værdier (altså kolde temperaturer).

Eksempel

Værdien af attributten value falder ind i området for lave værdier:

:

Eksempel

Værdien af attributten value falder ind i området for normale værdier:

:

Eksempel

Værdien af attributten value falder ind i området for høje værdier:

:

I eksemplerne nedenfor falder værdien af attributten optimum ind i området for høje værdier (altså varme temperaturer).

Eksempel

Værdien af attributten value falder ind i området for lave værdier:

:

Eksempel

Værdien af attributten value falder ind i området for normale værdier:

:

Eksempel

Værdien af attributten value falder ind i området for høje værdier:

:

---

I eksemplerne nedenfor falder værdien af attributten optimum ind i området for normale værdier (altså normale temperaturer).

Eksempel

Værdien af attributten value falder ind i området for lave værdier:

:

Eksempel

Værdien af attributten value falder ind i området for normale værdier:

:

Eksempel

Værdien af attributten value falder ind i området for høje værdier:

:

Ældre browsere

Ældre browsere kan ikke vise tagget meter pænt og vil i stedet vise indholdet af selve tagget:

:

Attributter

Værdierne for attributterne kan være decimaltal og negative tal.

Attribut	Beskrivelse
value	Sætter den aktuelle værdi. Påkrævet attribut.
min	Angiver den mindst mulige værdi. Standardværdi: 0.
max	Angiver den maksimalt mulige værdi. Standardværdi: 1.
low	Angiver grænsen for området med lave værdier. Lave værdier vil være fra tallet i attributten min til tallet i attributten low.
high	Angiver grænsen for området med lave værdier. Lave værdier vil være fra tallet i attributten high til tallet i attributten max.
optimum	Definerer området for optimale værdier.

Se også