Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.10.2017, 16:16
Интересующийся
Отправить личное сообщение для Puzzle Посмотреть профиль Найти все сообщения от Puzzle
 
Регистрация: 29.05.2017
Сообщений: 12

Заменить кнопку Показать ещё, на скроллинг
Привет. Ребята, я с js не дружу, поэтому прошу помощи у вас. Сейчас новости перелистываеются кнопкой показать ещё.
Помогите убрать кнопку Показать ещё, и сделать чтобы автоматом при скроллинге листалось дальше.

Ниже код страницы
<?php
include 'db.php';
include 'head.php'; 
?>

<div id="content" class="center">
<div class="fullbox">


<?php 
if(isset($_GET['ok_del'])){
echo '<div class="adminfo" role="alert">Пользователь и все его картинки успешно удалены!</div>';	
}
$req = mysql_query("SELECT * FROM `settings` WHERE `id` = 1");
$set = mysql_fetch_array($req);
$pg=page::pg_num($set['file_index'], 'files WHERE posting = 0'); // Считаем файлы в базе для пагинации
$req = mysql_query("SELECT * FROM `files` WHERE `posting` = 0 ORDER BY `id` DESC LIMIT ".$pg['start'].", ".$pg['num']."");
if(mysql_num_rows($req) == 0){
echo '<div class="adminfo" role="alert">Картинок нет.</div>';
}	
while($file = mysql_fetch_array($req)){
if($file['date_day'] == date('dmy', time())){
$new = '<div class="newshot"> Новый</div>';
}else{
$new = null;
}
?>




<div class="thumb">
<a class="th-link" href="/test/<?=$file['id']?>">
<div class="th-img img-box">
<img src="/img/<?=$file['file']?>" alt="image" class="img-responsive"><?=$new?>
<div class="th-meta flex-row icon-left">
<span class="model"><i class="fa_main fa-camera"></i><?=$file['name']?></span>
<span class="date"><i class="fa_main fa-calendar"></i><?=date('d ' . $months[date( 'n' )] . ' Y (H:i)',$file['date'])?></span>
<div class="clearfix"></div>
</div>
</div>
</a>
</div>

<?php } ?>

</div>

<input type="ajaxbtn" class="ajaxbtn" value="Показать еще" id="show_more" count_show="<?=mysql_num_rows($req);?>"/>

</div>

</body>
</html>

<script>
	$(document).ready(function(){
		$('#show_more').click(function(){
		var btn_more = $(this);
		var count_show = parseInt($(this).attr('count_show'));
		var count_add = 8;
		btn_more.val('Подождите...');
				 
			$.ajax({
				url: "index-add.php",
				type: "post",
				dataType: "json",
				data: {
					"count_show": count_show, 
					"count_add": count_add
				},
				success: function(data){
					if(data.result == "success"){
						$('#content').append(data.html);
							btn_more.val('Показать еще');
							btn_more.attr('count_show', (count_show + count_add));
					}else{
						btn_more.val('Больше нету картинок');
					}
				}
			});
		});
	});
</script>

Последний раз редактировалось Puzzle, 25.10.2017 в 20:21.
Ответить с цитированием
  #2 (permalink)  
Старый 26.10.2017, 09:04
Интересующийся
Отправить личное сообщение для Puzzle Посмотреть профиль Найти все сообщения от Puzzle
 
Регистрация: 29.05.2017
Сообщений: 12

За помощь подкину монетку на киви.
Ответить с цитированием
  #3 (permalink)  
Старый 26.10.2017, 10:08
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 3,018

$(window).scroll(function() {
	var scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop),
		scrollHeight = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight);

	if(scrollTop === scrollHeight - this.innerHeight) {
		$('#show_more').click();
	}
});
Ответить с цитированием
  #4 (permalink)  
Старый 26.10.2017, 13:41
Интересующийся
Отправить личное сообщение для Puzzle Посмотреть профиль Найти все сообщения от Puzzle
 
Регистрация: 29.05.2017
Сообщений: 12

Сообщение от ruslan_mart Посмотреть сообщение
$(window).scroll(function() {
	var scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop),
		scrollHeight = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight);

	if(scrollTop === scrollHeight - this.innerHeight) {
		$('#show_more').click();
	}
});
Куда это вставлять?В самый низ вставил.Кнопка Показать как была как работала так всё и осталось.Ничего не изменилось вроде
Ответить с цитированием
  #5 (permalink)  
Старый 26.10.2017, 14:04
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

Сообщение от Puzzle
mysql_fetch_array($req)
mysql_fetch_assoc($req) - зачем получать из ресурса данные, которые не нужны.

Сообщение от Puzzle
date('d ' . $months[date( 'n' )] . ' Y (H:i)',$file['date'])
до запросов:

mysql_query('SET lc_time_names="ru_RU"');

далее в запросах:

mysql_query("SELECT *, LOWER(DATE_FORMAT(`date`, "%e %M %Y H:i")) `date` FROM ...
Ответить с цитированием
  #6 (permalink)  
Старый 26.10.2017, 15:40
Интересующийся
Отправить личное сообщение для Puzzle Посмотреть профиль Найти все сообщения от Puzzle
 
Регистрация: 29.05.2017
Сообщений: 12

Сообщение от laimas Посмотреть сообщение
mysql_fetch_assoc($req) - зачем получать из ресурса данные, которые не нужны.



до запросов:

mysql_query('SET lc_time_names="ru_RU"');

далее в запросах:

mysql_query("SELECT *, LOWER(DATE_FORMAT(`date`, "%e %M %Y H:i")) `date` FROM ...
Это всё работе не мешает,сделано как смогли, чтож теперь, не все асы...да и я тут спрашиваю как мне сделать скроллинг вместо кнопки
Ответить с цитированием
  #7 (permalink)  
Старый 26.10.2017, 15:55
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

Сообщение от Puzzle
Это всё работе не мешает
Ни кто и не говорил, что мешает. Но как минимум надо знать, что функция mysql_fetch_array возвращает два набора идентичных данных, один из которых ассоциативный, другой индексный. Спрашивается зачем зря кушать ресурсы получая лишние данные?

То что вам написали должно быть размещено в

$(document).ready(function() {

Что это и для чего я не вникал, я просто "пробежался" по вашему коду и заметил лишнее.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Плавное раскрытие и сворачивание блока StyLLeR jQuery 6 07.07.2014 16:00
Движение по элементам блока без перезапуска функции выпадающеего меню. tutelaris Элементы интерфейса 4 26.04.2013 09:15
вычисление и фиксация ширины блока konstantin-mn jQuery 2 27.08.2012 11:42
слайд панели tadjik1 Элементы интерфейса 22 02.04.2012 17:13
Два блока div разъезжаются при скроллинге окна браузера. call007 jQuery 0 03.04.2011 16:21