Zadejte hledaný výraz...

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

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
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
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
verified
rating uzivatele
(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
verified
rating uzivatele
(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
verified
rating uzivatele
(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
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
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
verified
rating uzivatele
(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
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
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
verified
rating uzivatele
(1 hodnocení)
30. 1. 2009 11:01:03
Napsal vecerapl;201393
To ja vim take :) Ale zaujmulo me to, ze muzu dat treba:
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
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
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
verified
rating uzivatele
(4 hodnocení)
30. 1. 2009 22:40:36
Napsal Rival;201379
Mhaha, Prototype...
$('ajaxLoader').show();
$('ajaxLoader').hide();
Mhaha jQuery
$('#ajaxLoader').show();
$('#ajaxLoader').hide();
//popripade pouze toggle.
Pardon, nemohl jsem si to odpustit :)
Jinak pro odesilani formu budes muset pouzit Ajax, jinak ti probehne refresh.
30. 1. 2009 22:40:36
https://webtrh.cz/diskuse/po-dobu-zpracovavani-zobrazi-wait-ikonku-jak/#reply221785
Pro odpověď se přihlašte.
Přihlásit