Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Подгрузка данных при скроле к низу экрана ajax jquery
 
 автор: tima2010   (20.01.2012 в 15:59)   письмо автору
 
 

Привет, решил попробовать реализовать такой способ (как загрузка новостей вконтакте) когда на сатрницу отображается N количество новостей, и при скроллинге страницы до низу подгружаются еще 10 новостей итд...

Нашел в интернете такой способ. Можно ли его использовать? На сколько он корректен?

Jquery / Ajax

<script>
var thisPageNum = 1;
var thisWork = 1;
function getNextP(){

if(thisWork == 1){
    thisWork = 0;
$("#upBlock").css('display','block');
$.get("get.php?page="+thisPageNum, function(data){
$("#upBlock").css('display','none');
$("#LoadDiv").html($("#LoadDiv").html()+" "+data);
thisPageNum = thisPageNum + 1;
thisWork = 1;
});
       }
    }

$(document).ready(function(){

var scrH = $(window).height();
var scrHP = $("#container").height();


$(window).scroll(function(){
    var scro = $(this).scrollTop();
    var scrHP = $("#container").height();
    var scrH2 = 0;
    scrH2 = scrH + scro;
    var leftH = scrHP - scrH2;

if(leftH < 300){
     getNextP();
    }


});
        });
</script>

  Ответить  
 
 автор: cheops   (21.01.2012 в 11:56)   письмо автору
 
   для: tima2010   (20.01.2012 в 15:59)
 

Если работает, то корректен.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования