How it now is:
Only links to next and previous page
But can it be:
[ 1 ] [ 2 ] [ 3 ] etc
Something like this would be fantastic
http://plugins.jquery.com/project/pagination
http://www.phpeasystep.com/phptu/29.html
did it like this
in view_overview, just below the code that creates the next and previous links i added
$firstpage = '0';
if ($total_num > $setting_items_per_page){
if ($position == '0'){
echo '<div class="page_on"><a href="?p='.($firstpage).'">1</a></div> ';
}else{
echo '<div class="page_off"><a href="?p='.($firstpage).'">1</a></div> ';
}
}
if ($total_num > $setting_items_per_page){
if ($position == $setting_items_per_page){
echo '<div class="page_on"><a href="?p='.($setting_items_per_page).'">2</a></div> ';
}else{
echo '<div class="page_off"><a href="?p='.($setting_items_per_page).'">2</a></div> ';
}
}
if ($total_num > $setting_items_per_page*2){
if ($position == $setting_items_per_page*2){
echo '<div class="page_on"><a href="?p='.($setting_items_per_page*2).'">3</a></div> ';
}else{
echo '<div class="page_off"><a href="?p='.($setting_items_per_page*2).'">3</a></div> ';
}
}
if ($total_num > $setting_items_per_page*3){
if ($position == $setting_items_per_page*3){
echo '<div class="page_on"><a href="?p='.($setting_items_per_page*3).'">4</a></div> ';
}else{
echo '<div class="page_off"><a href="?p='.($setting_items_per_page*3).'">4</a></div> ';
}
}
if ($total_num > $setting_items_per_page*4){
if ($position == $setting_items_per_page*4){
echo '<div class="page_on"><a href="?p='.($setting_items_per_page*4).'">5</a></div> ';
}else{
echo '<div class="page_off"><a href="?p='.($setting_items_per_page*4).'">5</a></div> ';
}
}
if ($total_num > $setting_items_per_page*5){
if ($position == $setting_items_per_page*5){
echo '<div class="page_on"><a href="?p='.($setting_items_per_page*5).'">6</a></div> ';
}else{
echo '<div class="page_off"><a href="?p='.($setting_items_per_page*5).'">6</a></div> ';
}
in the frontend.css i added
.page_on {
background:#0f7192;
width:18px;
height:18px;
color:#ffffff;
text-align:center;
float:left;
margin-right:4px;
}
.page_on a {
background:#0f7192;
width:18px;
height:18px;
color:#ffffff;
text-align:center;
float:left;
}
.page_on a:hover {
background:#7ab4c8;
width:18px;
height:18px;
color:#ffffff;
text-align:center;
float:left;
}
.page_off {
background:#cccccc;
width:18px;
height:18px;
color:#0f7192;
text-align:center;
float:left;
margin-right:4px;
}
.page_off a {
background:#cccccc;
width:18px;
height:18px;
color:#0f7192;
text-align:center;
float:left;
}
.page_off a:hover {
background:#0f7192;
width:18px;
height:18px;
color:#ffffff;
text-align:center;
float:left;
}
it looks way nicer than the original pagination..
the con is that it does not automatically add page-numbers,
from this example: if you need more than 5 pages you have to add extra code
the script does see if the page exists so there will not be any dead links from the pagina ...
- - - -
Is there anyone that knows how to automate the generation of the
if ($total_num > $setting_items_per_page*2){
if ($position == $setting_items_per_page*2){
echo '<div class="page_on"><a href="?p='.($setting_items_per_page*2).'">3</a></div> ';
}else{
echo '<div class="page_off"><a href="?p='.($setting_items_per_page*2).'">3</a></div> ';
}