ako je rieseny progressbar

neopagan · Napísal **neopagan**: 03.12.2009 15:21

Ako je podla vas rieseny progressbar pri aktualne beziacich programoch na http://tv-program.sk/

Ajaxom?

To musi byt potom stranka neustale v spojeni so serverom a neustale zistovat presny cas a cas zaciatku programu.. Neni to zataz pre server?

Taktiez po skonceni programu ten program automaticky zmizne a progressbar zacne znovu pri dalsom programe..

a to vsetko bez obnovenia stranky..cize jedine asi ajax..

vie niekto ako vytvorit nieco podobne? Nemusi to byt prave pre programy, ale napr. pre nejaku udalost... proste ako na taky progressbar...

diky

Snacker · Napísal **Snacker**: 03.12.2009 15:32

Ved zistis aky je aktualny cas, zistis kedy program zacina a kedy konci a na zakalade toho vypocitas v akom percentualnom progrese program je a vlozis tam napr. obrazok, ktory repezentuje dany pocet percent.
Zataz na procestor, no ak to mas riesene AJAXom a posieaas privela asynchronnych poziadaviek, tak to moze byt zataz ale ak kontrolujes stav rozumne s prihliadnutim na vsetko tak nie.
Vela ide spravit iba JS. To ze sa ti nieco meni, zobrazuje bez refresu stranky este nemusi byt AJAX. AJAX pouzivas najcastejsie ak chces napr,. vytiahnut/vlozit teda spracovavat nejake udaje v databaze(asynchonne) a pod.

Tominator · Napísal **Tominator**: 03.12.2009 16:54

Podľa mňa tam ani AJAX nie je. Riešil by som to asi tak, že by mal program uložený v poli (JS array) a iba by som zistil kedy končí ďalší program a podľa toho kedy začal a aký je aktuálny čas by som proste vyrátal percentá. Obrázok by som negeneroval. Urobil by som div s pozadím, ktorý by som cez JS naťahoval. No a keď program skončí, tak by som sa posunul o polôžku v poli vyššie ...

neopagan · Napísal autor témy **neopagan**: 04.12.2009 10:39

diky za info... ono to vsak ten progressbar meni kazdu minutu /teda aj popis ked podrzite mys nad progressbarom, pise napr. 35 minut zo 40, 36 minut zo 40, atd../ proste kazdu minutu potom musi porovnavat...

a progressbar sa ani neda zobrazit ako obrazok, ani ako pozadie...

No pokusim sa nieco pomocou javascriptu, i ked to neni moja silna stranka.

Snacker · Napísal **Snacker**: 04.12.2009 10:45

Citácia:

a progressbar sa ani neda zobrazit ako obrazok, ani ako pozadie...

Preco? resp. ako ho chces zobrazit?

neopagan · Napísal autor témy **neopagan**: 04.12.2009 10:55

na tej stranke myslim... kliknem na to a pri klasickom obrazku alebo pozadi vo Firefoxe ponukne moznost zobrazit obrazky, v tomto pripade nie...

Ani pomocou pluginu do FF Webdeveloper ked dam zobrazit info o brazkoch, tak progressbar neberie ako obrazok

Tominator · Napísal **Tominator**: 04.12.2009 16:58

No lebo to nie je obrázok. To je div alebo span. Proste ty si urobíš:

Kód:

<div style="padding: 1px; border: 1px solid black; width:102px; height: 5px">
   <div style="background: green; width: 10px; height: 5px" id="progress"></div>
</div>
<!-- 10% -->

Pointa je tá, že potom už len cez JS zväčšuješ šírku toho divu (id="progress") podľa percent, ktoré vyrátaš

neopagan · Napísal autor témy **neopagan**: 05.12.2009 9:55

ahaa..diky za objasnenie.. a este by ste vedeli trochu helfnut, ako pomocou js menim sirku divu?

Ono co si napisal Tominator, tam si zadal pevnu sirku divu, da sa aj v tom pripade menit sirka v Js?

Snacker · Napísal **Snacker**: 05.12.2009 10:32

Pozri si tuto temu je to tam sidce robene pre height ale tam to pochopis ako menit sirku.
Klucove je :

Kód:

document.getElementById('xxx').style.width

ako je rieseny progressbar

Podobné témy