Po dobu zpracovávání zobrazi wait ikonku. Jak?

30. 1. 2009 00:01:33

Mam pomerne velky formular s moznosti vlozeni par fotek a rad bych nabidl uzivateli wait ikonku, tj. po dobu zpracovavani...nez se treba formular ulozi, tak aby se mu zobrazila wait ikonka. Aby proste uzivatel vedel, ze po odeslani formulare se to zpracovava a nebyl necim prekvapen.

30. 1. 2009 00:01:33

https://webtrh.cz/diskuse/po-dobu-zpracovavani-zobrazi-wait-ikonku-jak#reply221799

Martin Talavášek

(44 hodnocení)

30. 1. 2009 00:10:42

Jednoduše, ikonku skryješ (display:none) a po kliknutí na "odeslat" ten obrázek zobrazíš...

P.S.: Miluju stránku http://www.ajaxload.info/

30. 1. 2009 00:10:42

https://webtrh.cz/diskuse/po-dobu-zpracovavani-zobrazi-wait-ikonku-jak#reply221798

Vladimír Večeřa

(94 hodnocení)

30. 1. 2009 00:35:14

Aha, tak to jsem nevedel, ze to jde i pres CSS. A jak to tim kliknutim na odeslat udelat?

30. 1. 2009 00:35:14

https://webtrh.cz/diskuse/po-dobu-zpracovavani-zobrazi-wait-ikonku-jak#reply221797

oondraa

(7 hodnocení)

30. 1. 2009 08:30:33

http://javascript.internet.com/css/pre-loading-message.html

Napsal vecerapl;201289
Aha, tak to jsem nevedel, ze to jde i pres CSS. A jak to tim kliknutim na odeslat udelat?

30. 1. 2009 08:30:33

https://webtrh.cz/diskuse/po-dobu-zpracovavani-zobrazi-wait-ikonku-jak#reply221796

Ciman

(28 hodnocení)

30. 1. 2009 08:45:44

ahoj, doporučuju použít třeba jQuery, tam to je fakt ultraeasy :))

viz. : http://docs.jquery.com/Ajax_Events

prostě jen nastavíš, akci po startu a na end.. jak už je psáno výš prostě dáš

$("#loadImg").css("display", "block"); // po startu

$("#loadImg").css("display", "none"); // po dokončení

30. 1. 2009 08:45:44

https://webtrh.cz/diskuse/po-dobu-zpracovavani-zobrazi-wait-ikonku-jak#reply221795

Mirek Komárek

(1 hodnocení)

30. 1. 2009 09:09:23

A nebo to můžeš dohnat k dokonalosti jquery+flash+input file náhrada + ořez = http://www.webmotionuk.co.uk/jquery/jquery_upload_crop.php

30. 1. 2009 09:09:23

https://webtrh.cz/diskuse/po-dobu-zpracovavani-zobrazi-wait-ikonku-jak#reply221794

Martin Talavášek

(44 hodnocení)

30. 1. 2009 10:04:51

Napsal Ciman;201343
ahoj, doporučuju použít třeba jQuery, tam to je fakt ultraeasy :))

viz. : http://docs.jquery.com/Ajax_Events

prostě jen nastavíš, akci po startu a na end.. jak už je psáno výš prostě dáš

$("#loadImg").css("display", "block"); // po startu

$("#loadImg").css("display", "none"); // po dokončení

Mhaha, Prototype...

$('ajaxLoader').show();

$('ajaxLoader').hide();

30. 1. 2009 10:04:51

https://webtrh.cz/diskuse/po-dobu-zpracovavani-zobrazi-wait-ikonku-jak#reply221793

Vladimír Večeřa

(94 hodnocení)

30. 1. 2009 10:09:35

Napsal Rival;201275
Jednoduše, ikonku skryješ (display:none) a po kliknutí na "odeslat" ten obrázek zobrazíš...

P.S.: Miluju stránku http://www.ajaxload.info/

Toto me prijde jednoduche, zvlaste....jen jak vyresit to odeslat.

Mnoho javascriptu tam nechci davat prave.

30. 1. 2009 10:09:35

https://webtrh.cz/diskuse/po-dobu-zpracovavani-zobrazi-wait-ikonku-jak#reply221792

oondraa

(7 hodnocení)

30. 1. 2009 10:17:50

ajaxload.info je jenom generátor "loading" gifu ;)

samotné použití toho vygenerovaného obrázku musí být přes javascript

Napsal vecerapl;201385
Toto me prijde jednoduche, zvlaste....jen jak vyresit to odeslat.

Mnoho javascriptu tam nechci davat prave.

30. 1. 2009 10:17:50

https://webtrh.cz/diskuse/po-dobu-zpracovavani-zobrazi-wait-ikonku-jak#reply221791

Vladimír Večeřa

(94 hodnocení)

30. 1. 2009 10:22:16

To ja vim take :) Ale zaujmulo me to, ze muzu dat treba:

30. 1. 2009 10:22:16

https://webtrh.cz/diskuse/po-dobu-zpracovavani-zobrazi-wait-ikonku-jak#reply221790

Jiří Herník

(22 hodnocení)

30. 1. 2009 10:43:43

nebo tak nejak... syntaxi jsem nekontroloval.

30. 1. 2009 10:43:43

https://webtrh.cz/diskuse/po-dobu-zpracovavani-zobrazi-wait-ikonku-jak#reply221789

Mirek Komárek

(1 hodnocení)

30. 1. 2009 11:01:03

Napsal vecerapl;201393
To ja vim take :) Ale zaujmulo me to, ze muzu dat treba:

Formulář se právě zpracovává

Mno a do input submit....dat asi keyUP nebo neco...s tim, ze se tam dosadi ten display tak, aby se zobrazilo to ID info. Treba.

A pujde to temer be jQuerry apod, coz me prijde zbytecny.

Mno, někde výš taky píšeš, že tam nechceš moc javascriptu, tak nějak tedy nechápu co se stane s tím formulářem po submitu, to mu tam jako necháš viset ten obrázek, že se to zpracovává a jak zpracuješ potom zpracuješ ten form? Tvůj problém jsem pochopil jako, že chceš aby uživatel měl možnost vidět pokrok uploadu a to bez flashe prostě nejde. To řešení co jsem poslal používá flash uploader, který přeráží file input, bez toho to prostě nejde.

30. 1. 2009 11:01:03

https://webtrh.cz/diskuse/po-dobu-zpracovavani-zobrazi-wait-ikonku-jak#reply221788

Vladimír Večeřa

(94 hodnocení)

30. 1. 2009 11:03:49

Ve formulari uzivatele mohou pouzit i FILE - upload fotografii. Proto spise bych chtel uzivatelum nabidnout, ze kdyz uz ten formular posilaji - fotky se uploaduji na server a cely formular se zpracovava, tak po tuto dobu bych chtel nabidnout informaci o zpracovavani formulare. Jakmile se formular zpracuje, tak ho pres HEADER presmeruji zpet na cisty formular, aby nedochazelo k F5 aktualizaci a tedy ke znovuulozeni ulozeni udaju.

A flash tam nechci davat. Mam svou kontrolu a chci to mit proste svoje....originalni. Kdybych tam chtel vlozit ten flash, tak me to naboura grafiku daneho formulare jako celek. Na vic ten onsubmit me prijde jako dobra varianta pro jednoduche zobrazeni skryteho obsahu pri zpracovavani formulare, coz muze trvat od 1s klidne po celou 1 minutu. Vice toho necekam, protoze pres PHP mam scripty osetreny, aby se tam nahravali jen obrazky s urcitou maximalni velikosti

30. 1. 2009 11:03:49

https://webtrh.cz/diskuse/po-dobu-zpracovavani-zobrazi-wait-ikonku-jak#reply221787

Jiří Herník

(22 hodnocení)

30. 1. 2009 11:08:38

jeste si do toho onsubmitu nastav, ze to ma nastavit buttony na disabled, aby ti to nemohli odeslat dvakrat

30. 1. 2009 11:08:38

https://webtrh.cz/diskuse/po-dobu-zpracovavani-zobrazi-wait-ikonku-jak#reply221786

Jiří Zachar

(4 hodnocení)

30. 1. 2009 22:40:36