DbHelp.ru
Маленький Yii блог
Комментарии
Гость: Быстро и качественно придам вашему фото идеальный вид....
Гость: Информативно,продолжай в том же духе [url=http://forum.oncolo...
Гость: drugs to treat hypotension tenze24.tumblr.com hot to stop snoring
Гость: z yoga classes beginner yoga classes near me j yoga classes near me http://beginneryogaclassesnear...
Гость: Несколько минут познавал содержание сети интернет, сл...



Сервер Ultima Online - Forest Wars (от создателя данного блога)

Как добавить ajax preloader

Рубрика: Перевод Cookbook

Оцените эту статью:

Рейтинг: 0.00 (0)
9 Сен. 2009
Опубликовать в Twitter Написать в Facebook Опубликовать в своем блоге livejournal.com

Yii Framework Blog img http://dbhelp.rucookbook С Yii вы можете очень просто создавать ajax запросы. В большинстве случаев во время выполнения запроса, для наглядности, стоит показать картинку о том что он еще обрабатывается.

---

В этом уроке мы разберем простой пример вывода preloader картинки с помощью Yii + jQuery. Для всех данных внутри элемента который мы пытаемся обновить - мы установим прозрачность в 80% и отобразим картинку загрузки.

Достоинством этого решения является то, что вы не должны будите добавлять дополнительную разметку на ваши страницы.

При выполнении ajax запроса, добавляется .loading class для div элемента над которым мы работаем. После завершения запроса - класс автоматически будет снят с элемента. Это означает что вам не надо будет вручную удалять preloader и тп.

array(
'ajax' => array(
'beforeSend' => 'function(){
$("#myDiv").addClass("loading");
}
',
'complete' => 'function(){
$("#myDiv").removeClass("loading");
}
',
)
)

Это добавляем в ваш общий CSS файл:

div.loading {
background-color: #eee;
background-image: url('loading.gif');
background-position: center center;
background-repeat: no-repeat;
opacity: 1;
}
div.loading * {
opacity: .8;
}



Если хотите опубликовать этот материал у себя - пожалуйста, разместите ссылку на страницу откуда вы его взяли.
Другие yii статьи:

  1. Я думаю, всем нам в жизни приходилось слышать такое слово как «фреймворк». Многие из вас действительно вникли в саму ... "Шаг 1: Что такое фреймворк?"

  2. Рамки MVC весьма размыты, поэтому моё понимание может не совпадать с полученными вами ранее знаниями. Хотел бы напомнить что ... "Шаг 3 : Что такое MVC?"

  3. Так получилось что xampp на компе умер. Куча файлов удалилась и только благодаря рестору файлов получилось получить папку "data" ... "Чем открыть файлы frm/MYD/MYI"

[guest] mihdan

Было сказано: Среда, 09 Сентябрь 2009

Спасибо. Сам разбирался с данным вопросом, но до конца так и не добрел

[guest] Гость

Было сказано: Пятница, 25 Июнь 2010

сделал так - и никак рводе все но написаному:
$form_part = CHtml::dropDownList('city_id','0', $main_select,
array(
'ajax' => array(
'type'=>'POST',
'url'=>CController::createUrl('good/select1'),
'replace'=>'#s1',
'beforeSend' => 'function(){
$("#load_icon").addClass("loading");
}',
'complete' => 'function(){
$("#load_icon").removeClass("loading");
}',
)));

[guest] Гость

Было сказано: Пятница, 15 Июль 2011

CHtml::ajaxLink('Click me',
'', // Url
array('update'=>'.data',
'beforeSend' => 'function(){ $("#preload").addClass("loadFile");}',
'complete' => 'function() { $("#preload").hide(); }'));

<div id="preload"></div>

[guest] Гость

Было сказано: Пятница, 03 Февраль 2017

If you have been feeling stressed lately, but you are not sure how to deal with it, the advice in this article can help. Feelings of stress are increasingly common in today's world, but there are ways to help. This article will teach you some easy ways to overcome your stress.

<a href=https://www.acheterviagrafr24.com/le-viagra-feminin/>le viagra fГ©minin</a>

[guest] Гость

Было сказано: Воскресенье, 12 Февраль 2017

prime healthcare glastonbury ct <a href=http://tavor.soup.io/>tavor kaufen</a> buy viagra from canada

[guest] Гость

Было сказано: Вторник, 28 Март 2017

zovirax tabletten kopen
<a href= http://jadalipfor.e-monsite.com >metronidazol hond bijwerkingen</a>
<a href=http://bisacodyl.tilda.ws/bisacodylhtml>bisacodyl ervaringen</a>
flagyl bijwerkingen hond
<a href= http://brandimroz.bloggsite.se >flagyl 500 mg prijs</a>
<a href=http://lonsibounm.eklablog.net>propranolol</a>
metronidazol creme

[guest] Гость

Было сказано: Четверг, 30 Март 2017

pergotime 50 mg posologie
<a href= http://judsonhowl.blogse.nl >pergotime menn bivirkninger</a>
<a href=http://dantecordo.over-blog.com/2017/03/flagyl.html>flagyl 400 mg pris</a>
flagyl 400 mg chlamydia
<a href= http://antionehoy.e-monsite.com >dalacin erfaring</a>
<a href=http://judsonhowl.blogse.nl>pergotime bivirkninger</a>
exforge tabletta

[guest] Гость

Было сказано: Воскресенье, 02 Апрель 2017

albendazol 400mg para caes
<a href= http://jaemcdilda-blog.logdown.com >albendazol preço panvel</a>
<a href=http://laureneasu.tribalpages.com>diclofenaco pomada</a>
diclofenaco dietilamônio neocoflan gel
<a href= http://www.onweb.fr?company_id=17318 >alegra nome generico</a>
<a href=http://alvamacgre.ayosport.com/article-15552-priligy>priligy brasil anvisa</a>
qlaira preço panvel

[guest] Гость

Было сказано: Четверг, 06 Апрель 2017

nolvadex dosage during cycle
<a href= http://harleytarr.blogg.no >finasteride vidal</a>
<a href=http://audreategn.over-blog.com/2017/04/doxyval.html>doxyval 20 chien</a>
efficacité finastéride cheveux
<a href= http://earledelli.e-monsite.com/pages/clomid.html >posologie clomid et jumeaux</a>
<a href=http://sunniracz.id.st>posologie dermipred pour chien</a>
doxyval 250 chien

[guest] Гость

Было сказано: Понедельник, 10 Апрель 2017

imiquimod costo mexico
<a href= http://elishakoew.ayosport.com/article-15572-zovirax >zovirax cream 5</a>
<a href=http://cruzliedy.guildomatic.com>celecoxib farmacocinetica y farmacodinamia pdf</a>
janumet 850 preço
<a href= http://dwaynemonc.onlc.be >tadalafil generico 20 mg</a>
<a href=http://elisarutti.wifeo.com>imiquimod crema 5 precio</a>
amoxicillina posologia bambini

[guest] Гость

Было сказано: Четверг, 22 Июнь 2017

В этом посте нет никакой логики

<a href=http://zenrp.net/showthread.php?tid=191216> Тоже верно

</a>

http://www.achsensprung.net/index.php?page=forum&action=newanswer&threadid=16041&_f=0

Оставить комментарий


Код:
Имя: