Autor Zpráva
slacooo
Profil
Potrebujem graficky vyjadrit cisla na linke (nieco podobne ako progress bar) cervena ciarka je 100%, sipka je pohybliva a meni svoj smer v zavislosti na smere pohybu a moze nadobudnut hodnotu viac ako 100%



V php nechcem zostavovat tento obrazok, lebo data su aktualizovane na stranke kazdych 6 sekund. Je to mozne riest pomocou JS ? Existuje na nieco take kniznica ?
Radek9
Profil
slacooo:
Jistě, že to jde. Stačí si udělat nějaký relativně napozicovaný prvek, v něm absolutně napozicovat tu červenou čárku. Potom stačí jen přidat nafloatované prvky (čistě zelený pro tu čáru a potom s obrázkem pro šipku) a měnit délku té čáry.
slacooo
Profil
Radek9:
dik, vyskusal som to, vyzera to zatial dobre, napisem si na to funkciu (pokusim sa), ale nebude to prilis zatazovat prehliadac, ked bude v tabulke tolko DIVov na cca 10 riadkoch, a tabulka bude zostavovana kazdych 6 sekund.
Este jedna otazka: JS nevie priamo vytvorit obrazok?
Radek9
Profil
slacooo:
DIVov na cca 10 riadkoch
Jde to krásně i na jeden:
<div class="relativni"><div id="cervena-cara"></div><div id="zelena-cara"></div><div id="sipka"></div></div>

a tabulka bude zostavovana kazdych 6 sekund
Proč sestavovat? Stačí jen měnit pozice a šířky těch jednotlivých divů. To nebude pomalé.

Este jedna otazka: JS nevie priamo vytvorit obrazok?
Šlo by to teoreticky pomocí canvasu, ale ten se musí, tuším, neustále překreslovat.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: