Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Отображение процесса загрузки

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


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

> Описание: jQuery
Okula
Отправлено: 31 Марта, 2012 - 14:06:46
Post Id



Участник


Покинул форум
Сообщений всего: 1389
Дата рег-ции: Окт. 2010  


Помог: 42 раз(а)




Всем привет. У меня такой вопрос, как сделать чтобы пока подгружается страница с помощью метода .load() отображать анимацию, а когда процесс подгрузки завершится убирать анимацию и вставлять на её место полученный результат.
 
 Top
DelphinPRO
Отправлено: 31 Марта, 2012 - 14:15:03
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)




jQuery
CODE (javascript):
скопировать код в буфер обмена
  1. $(window).load(function () {
  2.   // убираем анимацию, показываем контент
  3. });

(Отредактировано автором: 31 Марта, 2012 - 14:15:27)



-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
Okula
Отправлено: 31 Марта, 2012 - 14:35:33
Post Id



Участник


Покинул форум
Сообщений всего: 1389
Дата рег-ции: Окт. 2010  


Помог: 42 раз(а)




DelphinPRO, что-то я не совсем понял. У метода .load() первый параметр - это путь до файл который подгружаться будет.

(Отредактировано автором: 31 Марта, 2012 - 14:36:06)

 
 Top
DelphinPRO
Отправлено: 31 Марта, 2012 - 14:43:29
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)




Okula, их два. Одноименных. Улыбка

движок различает их по переданным параметрам.

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

(Отредактировано автором: 31 Марта, 2012 - 14:45:21)



-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
Okula
Отправлено: 31 Марта, 2012 - 16:47:29
Post Id



Участник


Покинул форум
Сообщений всего: 1389
Дата рег-ции: Окт. 2010  


Помог: 42 раз(а)




С этим вроде как разобрался.
Таперь вот какая проблема - нужно чтобы во время подгрузки страницы сайт замутнялся, а блок в котором отображается анимация был чётко виден.
Для это у тега body меняю параметр opacity с 1 на 0.3, а у блока с анимацией прописываю opacity: 1;
Почему-то блок с анимацией замутняется вместе с остальным. Как этого избежать?
 
 Top
DelphinPRO
Отправлено: 31 Марта, 2012 - 17:55:14
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)




"замутняемый" и "поверхлежащий" блоки должны быть сестринскими по отношению друг к другу, если хотите использовать opacity

Если блоки вложены , то можно использовать фоновый цвет в RGBA
CODE (css):
скопировать код в буфер обмена
  1. background: rgba(224,244,254,0.85);
или (хуже) - однопиксельная полупрозрачная png-шка

(Отредактировано автором: 31 Марта, 2012 - 17:56:42)



-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
Okula
Отправлено: 31 Марта, 2012 - 21:10:49
Post Id



Участник


Покинул форум
Сообщений всего: 1389
Дата рег-ции: Окт. 2010  


Помог: 42 раз(а)




DelphinPRO, немного подругому сделал. Сделал чтоб блок с анимацией полупрозрачный был.
По идеи должно во всех браузерах отображаться одинаково:
CODE (htmlphp):
скопировать код в буфер обмена
  1. filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  2. -moz-opacity: 0.5;
  3. -khtml-opacity: 0.5;
  4. opacity: 0.5;
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


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



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB