Здравствуйте всем!!!
Помогите изменить Ajax код для Bootpag, чтоб можно было листать товары выведенные из БД.
Имею вот такой код:
<?php
/*колличество товаров для вывода */
$item_per_page = 7;
$results = mysqli_query($link, "SELECT COUNT(*) FROM product WHERE brand = 'вентс'");
$get_total_rows = mysqli_fetch_array($results); //total records
/* колличество страниц */
$pages = ceil($get_total_rows[0]/$item_per_page);
function test($link) {
$item_per_page = 7;
if(isset($_POST["page"])){
$page_number = filter_var($_POST["page"], FILTER_SANITIZE_NUMBER_INT, FILTER_FLAG_STRIP_HIGH);
if(!is_numeric($page_number)){die('Invalid page number!');} //incase of invalid page number
}else{
$page_number = 1;
}
$position = (($page_number-1) * $item_per_page);
$sql = "SELECT * FROM product WHERE brand = 'вентс' LIMIT $position, $item_per_page ";
$results = mysqli_query($link, $sql);
for($i = 0;$i < mysqli_num_rows($results); $i++) {
$rr[] = mysqli_fetch_array($results);
}
if(!$results){ echo "<p>Какая то ошибка с настройками...</p>"; }
return $rr;
}
$rr = test($link);
?>
<html>
<head>
<meta charset="utf-8"/>
<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://botmonster.com/jquery-bootpag/jquery.bootpag.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
</head>
<body>
<script>
$('document').ready(function(){
$('#show_paginator').bootpag({
total: <?= $pages; ?>,
page: 1,
maxVisible: 5,
leaps: false,
firstLastUse: true,
next: '›',
prev: '‹',
first: '«',
last: '»'
}).on('page', function(event, num)
{
$("#dynamic_content").html('страница ' + num );
$("#tovar").html(html).hide().fadeIn(1000);
// or some ajax content loading...
});
});
</script>
<div id="dynamic_content"></div>
<div id="show_paginator"></div>
<ul id="tovar" >
<?php foreach ($rr as $item) :?>
<li>
<a href = "description-vents&model=<?= $item["model"] ?>"; id="title"><?= "<small>" . $item["brand"] . "</small><br/>".$item["model"] ?></a>
<img style="position: relative;" src="https://ensy.com.ua/product/<?= $item["name"]; ?>" >
<div id="price" ><?php echo (int)$item["cena"]. " грн. "; ?></div>
</li>
<?php endforeach; ?>
</ul>
<style>
#tovar {margin:0px;padding:0px}
#tovar li{border:1px solid #074776;border-radius:5px;-moz-border-radius:5px;float:left;
width:165px;padding:10px;margin:20px;height:250px;cursor:move;list-style:none; list-style:none; }
#tovar img {max-width: 165px;
max-height: 165px;}
#title {text-align:center;margin:0px;color:#35a83e;font-size:1.2em;font-weight:bold;}
#price {text-align:center;margin:0px;color:red;font-size:1.4em;font-weight:bold;}
</style>
</body>
</html>