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;
    }
}

?>
posted @ 2012-06-14 12:14  Falling Leaves  阅读(998)  评论(0编辑  收藏  举报