Вечер добрый.
Кто может помочь. Хочу сделать при прокрутке страницы в низ, чтобы подгружалось определенное количество файлов из базы, как сейчас на многих сайтах и соц сетях. Поскольку с Ajax совсем не дружу, ничего не получается. Перепробывал кучу вариантов из интернета, глухо. Вобщем есть get.php
$list = "";
$begin = 0;
$count = 20;
$result = mysql_query("SELECT * FROM myfiles WHERE sStatus = 1 AND featured = 1 $catQuery ORDER BY rand() LIMIT $begin, $count");
while ($row = mysql_fetch_array($result)) {
// тут берем из бызы все что нам надо
$fileID = $row['gid'];
$fileName = $row['fName'];
$fileIcon = $row['fIcon'];
// и так далее
$fileLink = "http://site.com/index.php?a=file&id=$fileID";
// получаем лист файлов
$list.= '<a href="'.$fileLink.'"><img src="'.$fileIcon.'" width="120" height="90" border="1" alt="'.$fileName .'" /><br />'.$fileName .'</a>';
}
Далее страница где подключаю jquery и вывожу файлы.
<!DOCTYPE html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
</head>
<body>
<div class="fileslisting">
[PHP]
<?php
include("get2.php");
echo $list;
?>
[/PHP]
</div>
Вот один из вариантов кода, что я нашел в сети.
<script>
$(document).ready(function(e){
var count = 20;
var begin = 0;
function scrolling(){
var currentHeight = $(this).children(".wrapper").height();
if($(this).scrollTop() >= (currentHeight - $(this).height()-100)){
$(this).unbind("scroll");
loader();
}
}
function loader(){
$.ajax({
type:"POST",
url:"get.php",
data:{
count: count,
begin: begin*count
},
success:onAjaxSuccess
});
function onAjaxSuccess(data)
{
$(".wrapper").append(data);
$(".text").on("scroll", scrolling);
}
begin++;
}
$(".text").on("scroll", scrolling);
});
</script>
Стили css в скрипте я свои ставил, результата 0.
Кто может направить в нужное русло?
Спасибо.