Ребята нужно помощь в такой фишке. Есть БД из нее я выгружаю информацию. Потом распределяю информацию по дивам и вывожу ограниченное число дивов например 10 дивов на первой странице, и уменя формируется количество строк. Как мне сделать так, что бы при нажатии на страничку 2 исчезала страница 1 и вместо нее появляласт страница 2 с 11-20 див . Вот массив с формированием количество дивов:
for($j=1;$j<=$del;$j++)
{
echo "<div id='".$j."' style='display: none;'>";
for($i=1;$i<4;$i++)
{
$alsql=("select * from kal where (ID = '{$i}')");
echo $row["datetime"]."<br/>";
$row=mysql_fetch_array($result);
}
echo "</div>";
echo "<br/>";
}
и вот что у меня получилось:
<div class="pagination" align="center">
<ul>
<li><a href="#">«</a></li>
<?php for ($i = 1; $i <= $del; $i++) { ?>
<li>
<a href="#"
onclick="openbox('<?=$i?>'); return false;"><?=$i?></a>
</li>
<?php } ?>
<li><a href="#">»</a></li>
</ul>
<script type="text/javasript">
function openbox(id)
{
var elem = document.getElementById(id);
if (elem) {
elem.style.display = elem.style.display == 'none' ? 'block' : 'none';
}
}
</script>
не знаю как сделать, так что предыдущая ссылка закрывалась, а вместо нее открывалась следующая ?
1. Алексей Постика - 24 Августа, 2015 - 11:59:02 - перейти к сообщению
2. broshurkaplus - 24 Августа, 2015 - 19:26:02 - перейти к сообщению
1 если надо оставить страницу и сохранить данные, которые уже загружены:
отправляем запрос на сервер за данными и ответ вставляем после этих дивов
а) старые дивы скрываем
б) все вкладываем в габаритный див и добавляем прокрутку, скролл, кнопки и тд
2 если надо заменить страницу (урл)
отправляем запрос, получаем данные, вставляем куда надо, заменяем урл
както так, как вариант:
отправляем запрос на сервер за данными и ответ вставляем после этих дивов
а) старые дивы скрываем
б) все вкладываем в габаритный див и добавляем прокрутку, скролл, кнопки и тд
2 если надо заменить страницу (урл)
отправляем запрос, получаем данные, вставляем куда надо, заменяем урл
както так, как вариант:
CODE (javascript):
скопировать код в буфер обмена
скопировать код в буфер обмена
- $(document).on('click', 'то чем осуществляется переход', function()
- var url = 'куда посылаем запрос';
- $.ajax({
- url: url,
- success: function(data){
- $('куда вставляем').html(data);
- }
- });
- // меняем ссылку
- if(url != window.location){
- window.history.pushState(null, null, url);
- }
- // предотвращаем дефолтное поведение
- return false;
- });
ну и гуглим - смена урл без перезагрузки страницы