Php Jquery Load FadeIn FadeOut 无刷新分页
Php Jquery Load FadeIn FadeOut 无刷新分页
index.php
<?php define('IN_LOVE',true); require_once('includes/load.php'); $smarty->display('index.html'); ?>
index.html
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Php Jquery Load FadeIn FadeOut 无刷新分页</title> <link href="templates/css/main.css" rel="stylesheet" type="text/css" /> <script src="templates/js/jquery-1.7.2.min.js"></script> <script type="text/javascript"> function showLoader(){ $('.search-background').fadeIn(200); } function hideLoader(){ $('.search-background').fadeOut(200); }; $(function(){ showLoader(); $("#content").load('list.php?p=1',hideLoader).hide(); $("#content").fadeIn(1000); }); function ajax_load(page){ showLoader(); $("#content").load('list.php?p='+page,hideLoader).hide(); $("#content").fadeIn(1000); } </script> <body> <div id="list"> <div class="load-img" style="display:none;"> <label><img src="templates/images/loading.gif" alt="" /></label> </div> <div id="content"> </div> </div> </body> </html>
list.php
<?php define('IN_LOVE',true); require_once('includes/load.php'); $p = intval($_GET['p']); if($p <= 0) $p = 1; $total_res = $pdo->getTotal('goods'); $total = $total_res['count']; $page_size = 10; $limit = ($p-1)*$page_size.",".$page_size; $list = $pdo->getAll('*', 'goods', 1, ' order by goods_id desc', $limit); $params = array( 'total_rows' => $total, 'method' => 'ajax', 'parameter' => '', 'ajax_func_name'=>'ajax_load', 'now_page' => $p, 'list_rows' => $page_size, ); $page = new Page($params); $page_link = $page->show(1); $smarty->assign('list',$list); $smarty->assign('page_link',$page_link); $smarty->display('list.html'); ?>
list.html
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <body> <ul class="content"> {foreach from=$list item=goods_list} <li>{$goods_list.goods_name}</li> {/foreach} </ul> <div id="page">{$page_link}</div> </body> </html>
page.class.php
<?php /** * 分页类 * @author xiaojiong & 290747680@qq.com * @date 2011-08-17 * * show(2) 1 ... 62 63 64 65 66 67 68 ... 150 * 分页样式 * #page{font:12px/16px arial} * #page span{float:left;margin:0px 3px;} * #page a{float:left;margin:0 3px;border:1px solid #ddd;padding:3px 7px; text-decoration:none;color:#666} * #page a.now_page,#page a:hover{color:#fff;background:#05c} */ class Page { public $first_row; //起始行数 public $list_rows; //列表每页显示行数 protected $total_pages; //总页数 protected $total_rows; //总行数 protected $now_page; //当前页数 protected $method = 'defalut'; //处理情况 Ajax分页 Html分页(静态化时) 普通get方式 protected $parameter = ''; protected $page_name; //分页参数的名称 protected $ajax_func_name; public $plus = 3; //分页偏移量 protected $url; /** * 构造函数 * @param unknown_type $data */ public function __construct($data = array()) { $this->total_rows = $data['total_rows']; $this->parameter = !empty($data['parameter']) ? $data['parameter'] : ''; $this->list_rows = !empty($data['list_rows']) && $data['list_rows'] <= 100 ? $data['list_rows'] : 15; $this->total_pages = ceil($this->total_rows / $this->list_rows); $this->page_name = !empty($data['page_name']) ? $data['page_name'] : 'p'; $this->ajax_func_name = !empty($data['ajax_func_name']) ? $data['ajax_func_name'] : ''; $this->method = !empty($data['method']) ? $data['method'] : ''; /* 当前页面 */ if(!empty($data['now_page'])) { $this->now_page = intval($data['now_page']); }else{ $this->now_page = !empty($_GET[$this->page_name]) ? intval($_GET[$this->page_name]):1; } $this->now_page = $this->now_page <= 0 ? 1 : $this->now_page; if(!empty($this->total_pages) && $this->now_page > $this->total_pages) { $this->now_page = $this->total_pages; } $this->first_row = $this->list_rows * ($this->now_page - 1); } /** * 得到当前连接 * @param $page * @param $text * @return string */ protected function _get_link($page,$text) { switch ($this->method) { case 'ajax': $parameter = ''; if($this->parameter) { $parameter = ','.$this->parameter; } return '<a onclick="' . $this->ajax_func_name . '(\'' . $page . '\''.$parameter.')" href="javascript:void(0)">' . $text . '</a>' . "\n"; break; case 'html': $url = str_replace('?', $page,$this->parameter); return '<a href="' .$url . '">' . $text . '</a>' . "\n"; break; default: return '<a href="' . $this->_get_url($page) . '">' . $text . '</a>' . "\n"; break; } } /** * 设置当前页面链接 */ protected function _set_url() { $url = $_SERVER['REQUEST_URI'].(strpos($_SERVER['REQUEST_URI'],'?')?'':"?").$this->parameter; $parse = parse_url($url); if(isset($parse['query'])) { parse_str($parse['query'],$params); unset($params[$this->page_name]); $url = $parse['path'].'?'.http_build_query($params); } if(!empty($params)) { $url .= '&'; } $this->url = $url; } /** * 得到$page的url * @param $page 页面 * @return string */ protected function _get_url($page) { if($this->url === NULL) { $this->_set_url(); } // $lable = strpos('&', $this->url) === FALSE ? '' : '&'; return $this->url . $this->page_name . '=' . $page; } /** * 得到第一页 * @return string */ public function first_page($name = '第一页') { if($this->now_page > 5) { return $this->_get_link('1', $name); } return ''; } /** * 最后一页 * @param $name * @return string */ public function last_page($name = '最后一页') { if($this->now_page < $this->total_pages - 5) { return $this->_get_link($this->total_pages, $name); } return ''; } /** * 上一页 * @return string */ public function up_page($name = '上一页') { if($this->now_page != 1) { return $this->_get_link($this->now_page - 1, $name); } return ''; } /** * 下一页 * @return string */ public function down_page($name = '下一页') { if($this->now_page < $this->total_pages) { return $this->_get_link($this->now_page + 1, $name); } return ''; } /** * 分页样式输出 * @param $param * @return string */ public function show($param = 1) { if($this->total_rows < 1) { return ''; } $className = 'show_' . $param; $classNames = get_class_methods($this); if(in_array($className, $classNames)) { return $this->$className(); } return ''; } protected function show_2() { if($this->total_pages != 1) { $return = ''; $return .= $this->up_page('<'); for($i = 1;$i<=$this->total_pages;$i++) { if($i == $this->now_page) { $return .= "<a class='now_page'>$i</a>\n"; } else { if($this->now_page-$i>=4 && $i != 1) { $return .="<span class='pageMore'>...</span>\n"; $i = $this->now_page-3; } else { if($i >= $this->now_page+5 && $i != $this->total_pages) { $return .="<span>...</span>\n"; $i = $this->total_pages; } $return .= $this->_get_link($i, $i) . "\n"; } } } $return .= $this->down_page('>'); return $return; } } protected function show_1() { $plus = $this->plus; if( $plus + $this->now_page > $this->total_pages) { $begin = $this->total_pages - $plus * 2; }else{ $begin = $this->now_page - $plus; } $begin = ($begin >= 1) ? $begin : 1; $return = ''; $return .= $this->first_page(); $return .= $this->up_page(); for ($i = $begin; $i <= $begin + $plus * 2;$i++) { if($i>$this->total_pages) { break; } if($i == $this->now_page) { $return .= "<a class='now_page'>$i</a>\n"; } else { $return .= $this->_get_link($i, $i) . "\n"; } } $return .= $this->down_page(); $return .= $this->last_page(); return $return; } protected function show_3() { $plus = $this->plus; if( $plus + $this->now_page > $this->total_pages) { $begin = $this->total_pages - $plus * 2; }else{ $begin = $this->now_page - $plus; } $begin = ($begin >= 1) ? $begin : 1; $return = '总计 ' .$this->total_rows. ' 个记录分为 ' .$this->total_pages. ' 页, 当前第 ' . $this->now_page . ' 页 '; $return .= ',每页 '; $return .= '<input type="text" value="'.$this->list_rows.'" id="pageSize" size="3"> '; $return .= $this->first_page()."\n"; $return .= $this->up_page()."\n"; $return .= $this->down_page()."\n"; $return .= $this->last_page()."\n"; $return .= '<select onchange="'.$this->ajax_func_name.'(this.value)" id="gotoPage">'; for ($i = $begin;$i<=$begin+10;$i++) { if($i>$this->total_pages) { break; } if($i == $this->now_page) { $return .= '<option selected="true" value="'.$i.'">'.$i.'</option>'; } else { $return .= '<option value="' .$i. '">' .$i. '</option>'; } } $return .= '</select>'; return $return; } } ?>
