Форум PHP программистов > Автозагрузка нового контента, при прокрутке страни

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Автозагрузка нового контента, при прокрутке страни

sharki

31.12.2010 - 21:43

Всех с наступающим, а кого то с наступившим.
Так вот, как делаются такие фишки как щас в контакте, при прокрутке страницы вниз, как только кончается страница, автоматически подгружается еще контент и так до бесконечности)))

Пример: раздел новости в контакте =))

Спустя 12 минут, 7 секунд (31.12.2010 - 20:55) Dron19 написал(а):

скорей всего есть свойство которое исполняется когда страница прокручена в самый низ

Спустя 1 минута, 57 секунд (31.12.2010 - 20:57) sharki написал(а):

Не исключено)) и думаю внятный ответ я услышу числа 3

Спустя 2 минуты, 49 секунд (31.12.2010 - 20:59) Dron19 написал(а):

Цитата (sharki @ 31.12.2010 - 17:57)

Не исключено)) и думаю внятный ответ я услышу числа 3

ахахахх))) Зачет за шутку)))) Ахахаха)))

Спустя 57 секунд (31.12.2010 - 21:00) inpost написал(а):

Спустя 20 часов, 52 минуты, 5 секунд (1.01.2011 - 17:52) ИНСИ написал(а):

sharki Код со страницы http://www.dzone.com/links/index.html :

<script>
    if(true){
        jQuery(function(){
           var m = window.location.search.match(/p=(\d+)/);
           var curPage = m ? parseInt(m[1]) : 1;
           var loading = false;

           jQuery("#content").scroll(function(){
               if ( curPage >= 1 && !loading && this.scrollHeight -
                       this.scrollTop - this.offsetHeight < this.offsetHeight ) {
                   loading = true;
                   if ((25*curPage) < 62123) {
                        DWRUtil.setValue("scrollStats", 25*(curPage+1) + " of " + 62123);
                    } else {
                        DWRUtil.setValue("scrollStats", 62123);
                    }
                   $("progressIndicator").style.display="block";
                   jQuery.ajax({
                       type: "GET",
                       dataType: "html",
                       url: window.location + (window.location.search != '' ? "&" : "?") + "type=html&p=" + ( ++curPage ),
                       success: function( HTML ){
                           HTML = jQuery.trim( HTML );

                           if ( HTML ) {
                               jQuery("#content-inner").append( HTML );
                               
//                             }
                           } else
                               curPage = 0;
                       },
                       complete: function(){
                           loading = false;
//                         alert(window.location.pathname + (window.location.search != '' ? ""+ window.location.search +"&" : "?") + "p=" + ( curPage ))
                           pageTracker._trackPageview(window.location.pathname + (window.location.search != '' ? ""+ window.location.search +"&" : "?") + "p=" + ( curPage ));
                           _qacct="p-ebK_XdQH1HeLo"; quantserve();
                           $("progressIndicator").style.display="none";
                       }
                   });
               }
           });
        });
    }
</script>

Номер текущей страницы определяется так:

var m = window.location.search.match(/p=(\d+)/);
var curPage = m ? parseInt(m[1]) : 1;

Файл, который подгружается, вот тут:

url: window.location + (window.location.search != '' ? "&" : "?") + "type=html&p=" + ( ++curPage ),

Спустя 24 минуты, 34 секунды (1.01.2011 - 18:17) sharki написал(а):

т.е за выполнение функции, когда страница кончится отвечает это scroll ?)

Спустя 1 час, 29 минут, 40 секунд (1.01.2011 - 19:47) ИНСИ написал(а):

Цитата

когда страница кончится отвечает это scroll ?)

да

Быстрый ответ:

Здесь расположена полная версия этой страницы.