Автоматическое перелистывание страниц HTML, CSS, JavaScript

Компьютеры программирование программы сайты программисты

Как сделать автоматическое перелистывание страница. Допустим у нас есть 5.692 записей. Как сделать чтобы при скроллинге при достижение 64 записи, он автоматически дополнял страницу с другой (Дополнял контент). Проще говоря чтобы страница автоматически перелистывалась. Без действия посторонних кнопок.

Аналогично при попытки скроллить в верх или нажать клавишу Page Up она перелистывалась назад.
Ответы:
Це все дуже просто зробити.
Для 64 записи создаете onmouseover="loadcontent()"
после 64 записи создаете <div id="more"></div>
в head размещаешь loadcontent
<script>
state=0;//состояние "не подгружено"
function loadcontent(){
if(state==0){
//загружаем контент
//код с w3schools.com(установка соединения)
var xmlhttp;
if (window.XMLHttpRequest)
 {// code for IE7+, Firefox, Chrome, Opera, Safari
 xmlhttp=new XMLHttpRequest();
 }
else
 {// code for IE6, IE5
 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
 }
xmlhttp.onreadystatechange=function()
 {
 if (xmlhttp.readyState==4 && xmlhttp.status==200)
   {
   document.getElementById("more").innerHTML=xmlhttp.responseText;
   }
 }
xmlhttp.open("GET","ajax_info.txt",true);/*вместо ajaxinfo.txt файл,причем можно получать код,выполненный скриптом (задается строкой вида xmlhttp.open("GET","posts.php?id=9",true);*/
xmlhttp.send();
state=1;
}else{//state==1(подгружено)
document.getElementById("more").innerHTML="<button onclick='loadcontent()>Еще записи</button>'";
state=0;
}
}
</script>
кнопка-заглушка,если mouseover не сработает. Mouseover можно заменить на onscroll


11 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

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

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.