PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Прогрузка (loader)

Форумы портала PHP.SU » PHP » Программирование на PHP (Модераторы: valenok, OrmaJever, Саныч)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

maragon	Отправлено: 25 Февраля, 2011 - 03:42:52
Посетитель Покинул форум Сообщений всего: 340 Дата рег-ции: Февр. 2011 Помог: 2 раз(а)	Таков вопрос: Не раз видел на сайтах интересную весч, скажем при отправке сообщения, после нажатия на кнопку появляется картинка прогрузки контента (load.gif к примеру) и после выполняется отправка - как осуществить сие? ----- https://vk[dot]com/tvoycase_ru - Твой чехол со своим дизайном

Джур	Отправлено: 25 Февраля, 2011 - 09:13:07
Посетитель Покинул форум Сообщений всего: 423 Дата рег-ции: Март 2007 Помог: 0 раз(а)	По событию отправки формы (Вроде бы onSubmit для формы.) делаем видимой картинку load.gif... Что-то вроде $('#load').show(); А вот дальше труднее. Если форма обычная, то страница перезагрузится. Если форма отправляется во фрейм, то надо перехватывать событие onLoad фрейма. А еще, что вероятней, данные ушли при помощи ajax-а. Поэтому надо решить, как вы будите передавать данные формы. ----- Тамбовский каджит тебе товарищ

Viper	Отправлено: 25 Февраля, 2011 - 10:07:36
Активный участник Покинул форум Сообщений всего: 4555 Дата рег-ции: Февр. 2007 Откуда: Симферополь Помог: 98 раз(а)	Джур пишет: А вот дальше труднее. Если форма обычная, то страница перезагрузится. Если форма отправляется во фрейм, то надо перехватывать событие onLoad фрейма. зачем так сложно. все равно если заиспользовать JQ к примеру div с лодырем CODE (html): скопировать код в буфер обмена <div id="loader"><img src="loading.gif" border="0" style="vertical-align:center;" /> Loading</div> CODE (javascript): скопировать код в буфер обмена $("form").submit(function(){ return false; $("#loader").show(); $.post("url.php", $(this).serialize(), function(response){ // что-то выполняем $("#loader").hide(); }); }); http://api[dot]jquery[dot]com/category/a[dot][dot][dot]orthand-methods/ ЗЫ! Если к примеру не кнопка или кнопка но не в форме тогда вешаем обработчик на click. Не забываем что для On-the-fly контента обработчик вешать через live. (Отредактировано автором: 25 Февраля, 2011 - 10:10:14) ----- Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

maragon	Отправлено: 25 Февраля, 2011 - 20:12:18
Посетитель Покинул форум Сообщений всего: 340 Дата рег-ции: Февр. 2011 Помог: 2 раз(а)	Еще есть у кого Варианты ? ----- https://vk[dot]com/tvoycase_ru - Твой чехол со своим дизайном

ALEN	Отправлено: 25 Февраля, 2011 - 20:29:47
Участник Покинул форум Сообщений всего: 1459 Дата рег-ции: Авг. 2008 Откуда: Крым Помог: 11 раз(а)	Джур Вот, что значит использование библиотек, сразу забываем что jquery , ajax - ни что иное как javascript , почему никто не хочет писать на чистом человеческом JavaScript - особенно там где ему место. maragon 1) На JavaScript выводишь картинку с загрузкой 2) Для тега body через css ставишь style="display: none;" 3) При onLoad делаешь body видимым, а картинку наоборот display: none; Вот и все и никаких библиотек даже не нужно!!!

maragon	Отправлено: 25 Февраля, 2011 - 20:39:31
Посетитель Покинул форум Сообщений всего: 340 Дата рег-ции: Февр. 2011 Помог: 2 раз(а)	Готовый пример в студию можно? Пока не силен. ----- https://vk[dot]com/tvoycase_ru - Твой чехол со своим дизайном

ALEN	Отправлено: 25 Февраля, 2011 - 22:27:41
Участник Покинул форум Сообщений всего: 1459 Дата рег-ции: Авг. 2008 Откуда: Крым Помог: 11 раз(а)	CODE (html): скопировать код в буфер обмена <body onLoad="alert('Мы загрузились'); document.getElementById('allpage').style.display='inline'; document.getElementById('imgload').style.display='none';"> <div id='imgload'>Наша картинка</div> <div id='allpage' style="display:none;" >Наш сайт</div> </body> alert('Мы загрузились'); - чисто чтоб показать сам процесс

JustUserR	Отправлено: 25 Февраля, 2011 - 23:27:44
Активный участник Покинул форум Сообщений всего: 8715 Дата рег-ции: Июнь 2009 Помог: 17 раз(а)	maragon пишет: После нажатия на кнопку появляется картинка прогрузки контента (load.gif к примеру) и после выполняется отправка - как осуществить сие? Для осуществления решения предполагаемой задачи, включающей проведение отображения замещающего визуализируемого элемента в процессе выполнения передачи и получения информационных полей для удаленного web-сервера, возможно использование базового iframe-элемента, с обеспечением передачи потока загрузки в его область на основании применения target-аттрибуты Для осуществления решения поставленной задачи в общем виде, включающей проведение функциональной обработки ассоциированных дейтсивий в разделенной элеметной области, в частности выполнение требуемых операций после закрытия фактического внутреннго уровня трактования DOM-модели отображаемой страницы, необходимо использование средств управляющего JS-скриптинга, поставляемого в прогрессивных браузерах типа Internet explorer ----- Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« Программирование на PHP »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.