DbHelp.ru
Маленький Yii блог
Комментарии
Гость: wh0cd639169 [url=http://lisinopril20mg.us.com/]lisinopril[/url]
Гость: One of the most interesting advances in the carpentry and deck construction industries over the year...
Гость: Офигеть просто! Все, блин, всё знают, кроме меня Мн...
Гость: wh0cd96231 [url=http://bupropion.live/]bupropion[/url] [url=http://inderal.world/]inderal[/url] [url...
Гость: wh0cd271796 [url=http://viagra50mg.us.com/]viagra 50mg[/url] [url=http://buyrimonabant.us.org/]rimon...



Сервер 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. Эта статья устарела т.к. была написана для yii версии 1.0.х; Если вы используете более новую версию - у вас могут ... "Урок 5 : Многоязычность"

  2. ... "Перевод : Доработка модели Post"

  3. Всем привет! Меня зовут Тимур и это мой небольшой Блог. Я очень рад что в интернете все больше находится ... "Hello World! Hello Yii.."

[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

[guest] Гость

Было сказано: Понедельник, 14 Август 2017

порно раасказы геи группавуха


http://hdseewin.download/68-9-vse-novye-porno-video-hazert.html
вставила себе анальную пробку видео
смотреть бесплатно фото пухлая пизда
http://siska3g.download/181-9-veselye-analnye-igry.html
порно велики цыцькы
телка сидит в кафе за столиком без трусов
http://picsxxx.download/44-9-zhenschina-glotaet-spermu-iz-bolshoy-chashi.html
домашнее порно и негры
порно с турками скрытой камерой
http://hdseewin.download/73-9-veter-yubka-bez-trusov.html
порно звёзды садо маза бесплатно
вышел из тюрьмы и трахнул первую попавшую видео
http://siska3g.download/181-9-uzenkie-pisechki-porno-video-onlayn.html
порно онлайн девушка спит а парень раздивает и трахыет бесплатно без смс
внучка приехала к деду в деревню и он ее трахнул рассказы

[guest] Гость

Было сказано: Понедельник, 14 Август 2017

порно самые большие челени и куда канчяют девчонки


http://picsxxx.download/115-9-kitay-porno-podglyad.html
дикое порно огромными хуями
видео секс смотреть на айпаде
http://nm-hdadult.download/197-9-smotret-pornuhu-russkaya-v-chulkah-transvestit-shemale.html
трансы благовещенска фото
титьки большие дойками порно
http://nm-hdadult.download/81-9-devushki-zhopu-ebali-rakam.html
скачать бесплатно фильмы про свингеров на телефон
нагнулась в прозрачных штанишках
http://megahdxxx.download/0-9-pervy-raz-dala-v-popu.html
голые бляди на людных улицах города онлайн
групповіе фото нудистов
http://megahdxxx.download/199-9-seks-firm-smatret-besplatno.html
как девушка наедине с резиновым членом может выпустить сперму
порвал целку девке большим

[guest] Гость

Было сказано: Понедельник, 14 Август 2017

секс каждый день хочу рассказы


http://videohdsmotret.download/207-9-smatret-beplatno-russkoe-porno-filmy-ebat-mezhdu-sisek.html
порно жёны огромные члены
голые красивые пизды
http://nm-hdadult.download/92-9-hentey-kartinki-besplatno-s-sporcmenkami.html
секс копро рассказы
секс порно скачать короткие для телефона без регистраций смс и платы
http://megahdxxx.download/52-9-shkolnica-seks-tub.html
парни в женской одежде и нижнем белье порно фото
приключение азиатке в африке на пизду
http://rus-kamadult.download/149-9-pravilnaya-klizma-eroticheskaya.html
еротические фото гибгих девушек
секс беремени черни
http://megahdxxx.download/57-9-vintazhnoe-porno-v-popochki.html
посмотреть порно тетя с племяником
лесби видео ножницы

[guest] Гость

Было сказано: Понедельник, 14 Август 2017

подруги брюнетки обнимаются фото


http://hdseewin.download/94-9-erika-kisheva-seksvideo.html
попользовался тётей онлайн
домашние съемки интимного видео
http://nm-hdadult.download/108-9-francheska-donni-porno-aktrisa.html
секс в поеьзде
юнцы и старушки ххх
http://xxxhd4.download/89-9-porno-foto-devushki-s-bolshoy-grudyu.html
рассказы из жизни измена жены
аса акира проно фото
http://nm-hdadult.download/29-9-porno-video-poznakomilis-v-klube.html
взрослые и пожилые секс
вк секс вида
http://rus-kamadult.download/24-9-sperma-na-licah-u-devushek-foto.html
как она никто не трахается
групповое порно впятером

[guest] Гость

Было сказано: Понедельник, 14 Август 2017

порно рыжие молоденькие


http://rus-kamadult.download/165-9-besplatno-foto-porno-portugyalskii-pizdu.html
огромный струйный оргазм девушек
смотреть бесплатно онлайн в хорошем порно
http://megahdxxx.download/119-9-malinovka-prvideo-porno-shkola.html
латиночки большими жопами
маму трахнули на глазах у сына
http://rus-kamadult.download/94-9-porno-russkaya-grupovuh-domashnee-neskolko-odnu-doma.html
безплатно дивитися класне порно
очень красивая текла порно картинки
http://hdseewin.download/194-9-porno-teti-z.html
реальные росказы измена мужу в поезде
пьяные мамши смотреть
http://videohdsmotret.download/34-9-golaya-v-gryazi-porno-video.html
индивидуалки реальные питер
порно пародии на американские мультфильмы

[guest] Гость

Было сказано: Понедельник, 14 Август 2017

смотреть порно онлайн на айфоне со зрелыми мужчинами


http://hdseewin.download/2-9-porno-video-dzheni-ferlopez.html
порно картинки смурфоки
русская жена с двумя порно
http://xxxhd4.download/100-9-razvrat-v-gospitale-porno.html
бесплатно бдсм и фитиш ролики
девки школьники секс онлайн
http://kolhdvids.download/82-9-russkie-porno-filmy-smotret-bezplatno.html
кадры секса из фильмов смотреть онлайн
порно фильмы с дэйл дабоун
http://siska3g.download/57-9-analnoe-otverstie-molodoy-devochki-porno-video.html
молодая сука лижет жопу зрелой
порнофото анал пробка
http://videohdsmotret.download/149-9-porno-sluzhanka-naprosilas.html
пяная жена делает миниет мужу видио
порно с брюгеткой

[guest] Гость

Было сказано: Понедельник, 14 Август 2017

порно фото дошкольнич


http://picsxxx.download/182-9-besplatno-porno-astra.html
смотреть порно женская доминация со страпоном и писсингом
длинноногая спортсменка трахается с тренером
http://xxxhd4.download/53-9-dlya-vzroslyh-gruppovuha-v-onlayne-smotret.html
кунилингус в комиксах картинки
порно мультик василиск фото
http://megahdxxx.download/105-9-pompa-na-pisyu-i-lizat.html
как сын еёбт маму
дойки дрочка члена
http://picsxxx.download/17-9-paren-ottrahal-tetyu.html
азербаджанские геи порно
порно с габоровой
http://picsxxx.download/144-9-porno-geev-v-podvodnoy-lodke.html
развороченные женские жопы
порнуха онлайн негры ебут чужих жон при муже

[guest] Гость

Было сказано: Понедельник, 14 Август 2017

первый раз мастурбирует в жопу


http://adulthdmm.download/32-9-molodoy-gei-s-vzroslyy-muzhik-porno.html
порно с русской шикарной блондинкой
девушки в чулках на корпоративах
http://nm-hdadult.download/38-9-skachat-gruppovoe-porno-v-otlichnom-kachestve.html
паренек с большым хуем трахается на природе
анал с умопомрачительной красоткой
http://nm-hdadult.download/206-9-smotret-porno-onlayn-ryzhaya-studentka.html
секс в общаге со студенкой
половой акт изнутри вагины с семяизвержением
http://hdseewin.download/5-9-kak-odetye-devushki-sosut-parnyam-chlen.html
смотреть русские порнокастинги зрелых онлайн
русское порно со мамками
http://adulthdmm.download/17-9-porno-film-besplatno-onlayn-mazo.html
порно транс без гондона
в автобусе в турции порнорасказ

[guest] Гость

Было сказано: Понедельник, 21 Август 2017

фотографии половова акта
дала себя по лапать по дружбе видео
<a href="http://picsxxx.download/599-9-foto-podsmotrennoy-obnazhenki-v-bane.html#">http://picsxxx.download/599-9-foto-podsmotrennoy-obnazhenki-v-bane.html#</a>



РїРѕРїР° РІ РјРёРЅРё СЋР±РєРµ РїРѕСЂРЅРѕ
смотреть порно сказки фильмы с переводом онлайн бесплатно
<a href="http://picsxxx.download/599-9-foto-podsmotrennoy-obnazhenki-v-bane.html#">http://picsxxx.download/599-9-foto-podsmotrennoy-obnazhenki-v-bane.html#</a>
показать порно онлайн бесплатно раком с большим членом
нудистки с раздвинутыми ногами фото
<a href="http://picsxxx.download/599-9-foto-podsmotrennoy-obnazhenki-v-bane.html#">http://picsxxx.download/599-9-foto-podsmotrennoy-obnazhenki-v-bane.html#</a>
скачать взрослое кино с торрента
домашние порно ролики мастурбация смотреть
<a href="http://picsxxx.download/599-9-foto-podsmotrennoy-obnazhenki-v-bane.html#">http://picsxxx.download/599-9-foto-podsmotrennoy-obnazhenki-v-bane.html#</a>
яндекс видеопорно негров с молодыми девочками в анал
порно видео трахнули группой репортершу
<a href="http://picsxxx.download/599-9-foto-podsmotrennoy-obnazhenki-v-bane.html#">http://picsxxx.download/599-9-foto-podsmotrennoy-obnazhenki-v-bane.html#</a>
подсматривать за обнажением девушек
порно картинки в хорошем кас в сперме
<a href="http://picsxxx.download/599-9-foto-podsmotrennoy-obnazhenki-v-bane.html#">http://picsxxx.download/599-9-foto-podsmotrennoy-obnazhenki-v-bane.html#</a>

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


Код:
Имя: