Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 01.03.2013, 22:05
Кандидат Javascript-наук
Отправить личное сообщение для Mateus Посмотреть профиль Найти все сообщения от Mateus
 
Регистрация: 06.12.2012
Сообщений: 100

Как загрузить дополнительный контент дистанционно
Доброго времени суток.
На странице в нижней части блока находится div id="add_more", по его клику загружается дополнительный контент. На каждый клик загружается 5 дополнительных фотографий. Есть желание сделать все автоматически, т.е. пользователь доскролил до определенного момента и в это время загружаются фотографии.
Вот код php :
echo '<div onclick="add_more()" id="right" class="add_more" data-gal="3">Add more</div>';


Была идея сделать так :

$(function() {
		var offset = $(".add_more").offset();
		$(window).scroll(function() {
			if ($(window).scrollTop() > offset.top +1000) {
			add_more();
					}
		;});	
	});


Но после загрузки контента, offset меняется и не получается обновить эту переменную.
Какие у вас есть идеи? Заранее благодарен
Ответить с цитированием
  #2 (permalink)  
Старый 02.03.2013, 01:56
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Mateus,
запускать setInteral-таймер после подгрузки и смотреть разницу offset между циклами, при нулевой разнице, отключаем setInteral
Ответить с цитированием
  #3 (permalink)  
Старый 02.03.2013, 02:08
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

У вас в коде есть функция, которая обрабатывает ответ от сервера, вставляет на страницу подгруженный контент. Вот в ней после этой вставки нужно обновлять значение offset. Если у картинок не указаны width/height - это создаст дополнительные трудности.
Ответить с цитированием
  #4 (permalink)  
Старый 08.03.2013, 17:55
Кандидат Javascript-наук
Отправить личное сообщение для Mateus Посмотреть профиль Найти все сообщения от Mateus
 
Регистрация: 06.12.2012
Сообщений: 100

Вот дело в том, что расстояние 1000px это расстояние до div, оно должно быть постоянным. Т.е. этот код находится в самом низу diva, куда подгружается новый контент.

echo '<div onclick="add_more()" id="right" class="add_more" data-gal="3">Add more</div>';


Весь контент подгружается до этого дива и расстояние до контента всегда будет 1000, но вот offset.top будет всегда увеличиваться ( на высоту картинок ). Как обновить информацию о высоте этого дива в условии?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Открытие div блока при первом визите на сайт Nushaba Общие вопросы Javascript 28 20.12.2013 21:24
Как победить кэширование в диалоге ? xela1980 jQuery 3 06.01.2010 13:46
Как загрузить удаленную страницу zhyr Общие вопросы Javascript 2 10.08.2009 10:08
Как правильно послать XML в POST запросе LowCoder AJAX и COMET 10 15.07.2009 23:20
Help ! Как загрузить данные по ссылке из таблицы1 в таблицу2 ? asked86 Общие вопросы Javascript 1 25.03.2009 21:06