Как реализовать кнопку «показать еще»?

Question

[RimMirK]

Пишу простенький чат. В поле с сообщениями выводится 10 последних сообщений. Нужна кнопка которая будет добавлять еще десять сообщений.

За вывод сообщений отвечает такой код:

<?php 
$ms = mysqli_query($connection, "SELECT * FROM `chat` ORDER BY `id` DESC LIMIT 10;");
while( $messages = mysqli_fetch_assoc($ms) ) { ?>

	<section title="<?php echo 'message_id='.$messages['id'] ?>" style='font-family:sans-serif;'>
		<?php echo 
		"<font color='brown'>"."<font title='".$messages['time']."'>[". mb_substr($messages['time'], 11, 5).']</font> '.$messages['nickname'].':</font> ';
		if( count(explode("\n", $messages['text'])) > 1 ) { $pre=true;echo '<pre style="font-size:20pt;">'; }
		echo $messages['text'];
		if( $pre==true ) { echo '</pre>'; }
		?>
		<hr>
	</section>

Я новичек в создании сайтов, можно, пожалуйста, код, который я просто скопирую, заменю то, что надо, и это будет работать?

Comments

[Евгений Палыч]

Называется пагинация, противная штука особенно когда не разбираешься.

[RimMirK]

Yokaze, насколько я понимаю, пагинация это когда на несколько страниц разбивается, а мне немного другое надо

[RimMirK]

RimmaKur, или я не прав?

Answer 1

[Иван]

Если вы хотите, чтобы по клику на кнопку появлялись еще сообщения из базы, то тут такой путь

1. Верстаете кнопку, вешаете на нее событие клика на js
   
2. При срабатывании события делаете fetch/ajax запрос на обработчик, передаете параметры последнего сообщения (id последнего сообщения) и в sql ... LIMIT $start, 10 (или limit + offset)
   
3. Обработчик получает запрос с параметрами, проверяет, делает запрос в базу с параметрами, отдает ответ обратно на фронт с новыми данными
   
4. На фронт прилетают данные, вставляете в нужное место в dom
   

Загуглите примеры: php js sql load more results
Пример готового решения

Comments

[sharpsss]

ты разобрался уже ? Если нет могу накинуть код сегодня завтра ,над?

[Иван]

sharp97, автору наверно надо) Спросите его)

[RimMirK]

sharp97, вроде всё понял, спасибо!