Pagination Précédent et suivant (ajax,php,jquery)

**dancom5** · 01/05/2013, 18h56

Bonjour.

J'ai besoin d'un petit coup de main pour remplacer les chiffres par "Preview" et "Next" dans la pagination du code suivant.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<?php
include("config.inc.php");
 
/*
http://www.saaraan.com/2013/03/ajax-pagination-with-jquery-php
*/
 
$results = mysqli_query($connecDB,"SELECT COUNT(*) FROM paginate");
$get_total_rows = mysqli_fetch_array($results); //total records
 
//break total records into pages
$pages = ceil($get_total_rows[0]/$item_per_page);	
 
//create pagination
if($pages > 0)
{
	$pagination	= '';
	$pagination	.= '<ul class="paginate">';
	for($i = 1; $i<=$pages; $i++)
	{
		$pagination .= '<li><a href="#" class="paginate_click" id="'.$i.'-page">'.$i.'</a></li>';
	}
	$pagination .= '</ul>';
}
 
?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ajax Pagination</title>
<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$("#results").load("fetch_pages.php", {'page':0}, function() {$("#1-page").addClass('active');});  //initial page number to load
 
	$(".paginate_click").click(function (e) {
 
		$("#results").prepend('<div class="loading-indication"><img src="ajax-loader.gif" /> Loading...</div>');
 
		var clicked_id = $(this).attr("id").split("-"); //ID of clicked element, split() to get page number.
		var page_num = parseInt(clicked_id[0]); //clicked_id[0] holds the page number we need 
 
		$('.paginate_click').removeClass('active'); //remove any active class
 
        //post page number and load returned data into result element
        //notice (page_num-1), subtract 1 to get actual starting point
		$("#results").load("fetch_pages.php", {'page':(page_num-1)}, function(){
 
		});
 
		$(this).addClass('active'); //add active class to currently clicked element (style purpose)
 
		return false; //prevent going to herf link
	});	
});
</script>
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="results"></div>
<?php echo $pagination; ?>
</body>
</html>

Présentement, y a que les chiffres de pages de 1 à x mais si je supprime
les no pages, je dois avoir au moins précédent et suivant. Si j'ai 50 pages,
bien, je vais avoir 50 chiffres. Ça fait trop long.

de l'aide me serait très utile. Merci d'avance.

**Bovino** · 01/05/2013, 22h19

Comme expliqué dans Important : Les règles incontournables d'utilisation de ce forum, le code PHP n'est d'aucune utilité vu que JavaScript (et donc jQuery) s'applique au contenu HTML généré !

Donc pour l'instant, tout ce que je peux te dire, c'est que "Précédent" ne se traduit pas par "Preview".

Pagination Précédent et suivant (ajax,php,jquery)

jQuery

Discussions similaires

Partager

Partager