Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > IT форум > Помощь студентам
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 06.11.2012, 15:21   #1
alimov7
Пользователь
 
Регистрация: 21.09.2012
Сообщений: 25
По умолчанию Скрипт подгрузки страницы при скролинге

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

Я очень плохо разбираюсь в java и по этому скачал готовый скрипт в интернете.

Проблема в том что мои знания на столко малы, что я не могу понять каким образом в этом скрипте (скрипт полностью рабочий) подставлять мой контент(это будут html таблицы)

Прошу помочь, вот скрипт:


Код HTML:
<html>
<head>
 <style type="text/css">
  #flickr {
   height:600px;
   overflow-x:hidden;
   width:980px;
  }
  .flickr_results, .loading {
   padding:10px;
   border-radius:5px;
   background:#eee;
   color:#555;
   margin:10px;
   font-family:helvetica;
   font-size:11px;
   font-weight:bold;
  }
  .loading {
   background:#000;
   color:white;
  }
 </style>
 
 
 
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript">
 
  var loading = true;
 
  function loadFlickr() {
   var url = "http://api.flickr.com/services/rest/?&method=flickr.photosets.getPhotos&api_key=4ef2fe2affcdd6e13218f5ddd0e2500d&photoset_id=72157619415192530&format=json&jsoncallback=?";
   $.getJSON(url, function(data) {
    var photos = data.photoset.photo;
    $.each(photos, function(i,photo) {
         var title = photo.title;
         $("#flickr").append("<div class='flickr_results'>"+title+"</div>");
    });
    
    // once we've loaded
    // kill the loading stuff
    loading = false;
    $(".loading").remove();
    
   });
  }
 
  $(function() {
   
   // load initial photos
   loadFlickr();
   
   // scroll event of the main div
   $("#flickr").scroll(function() {
   
    // get the max and current scroll
    var curScroll = $(this)[0].scrollTop;
    var maxScroll = $(this)[0].scrollHeight - $(this).height();
    
    // are we at the bottom?
    if( (curScroll == maxScroll) && loading == false) {
    
         // when you start, set loading
         loading = true;
    
         // add the loading box
         $("#flickr").append("<div class='loading'>Loading...</div>");
     
         // scroll to the bottom of the div
          $(this)[0].scrollTop = $(this)[0].scrollHeight - $(this).height();
     
         // load more photos
         loadFlickr();
    }
   });  
   
  });
 </script>
</head>
<body>
 <div id="flickr">
 
 </div>
</body>
</html>
alimov7 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
плывет фон при скролинге mue HTML и CSS 3 25.08.2011 14:07
Ширина DIV при подгрузки html 1ord JavaScript, Ajax 5 13.02.2011 22:42
Передать параметры вызова страницы во внутренний скрипт Sergey2 PHP 20 07.06.2010 23:41
скрипт при загрузке страницы xap4o JavaScript, Ajax 2 16.02.2010 23:33