在分页数之间添加点

2024-04-26

我已经用 PHP 和 AJAX 为表格编写了分页代码。每页将显示表格的 8 行。到这里为止一切正常。

我现在需要的是使分页看起来像一系列数字和它们之间的点,如下所示(1 2 3 .... 27 28 29).

我有两个用于分页的文件:

conf.php

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" id="font-awesome-style-css"
        href="http://phpflow.com/code/css/bootstrap3.min.css" type="text/css" 
        media="all">
    <script type="text/javascript" charset="utf8"
         src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js">
    </script>
</head>

<body>

    <div>
        <p> Table <br/> </p>
        <div id="target" >Loading ...</div>

        <?php
            include('dbconnect.php'); 
            $limit = 8;
            $sql = "SELECT * FROM places";  
            $rs_result = mysqli_query($connect,$sql);   
            $c = mysqli_num_rows($rs_result); //count number of rows
            $total_num_pages = ceil($c / $limit); 
        ?>

        <div align="center">
            <ul class='pagination text-center' id="pagination">
            <?php 
            if(!empty($total_num_pages)):for($j=1; $j<=$total_num_pages; $j++):
                if($j == 1):?>
                    <li class='active' id="<?php echo $j;?>">
                        <a href='paginate.php?page=<?php echo $j;?> '><?php echo $j;?></a>
                    </li> 
                <?php else:?>
                    <li id="<?php echo $j;?>">
                        <a href='paginate.php?page=<?php echo $j;?>'><?php echo $j;?></a>
                    </li>
                <?php endif;?>          
            <?php endfor;endif;?>
            </ul>  
        </div>
    </div>
    <script>
        jQuery(document).ready(function() {
        jQuery("#target").load("paginate.php?page=1");
            jQuery("#pagination li").live('click',function(e){
            e.preventDefault();
                jQuery("#target").html('loading...');
                jQuery("#pagination li").removeClass('active');
                jQuery(this).addClass('active');
                var pageNum = this.id;
                jQuery("#target").load("paginate.php?page=" + pageNum);
            });
            });
    </script>
</body>

第二个是paginate.php:

<?php
    include('dbconnect.php');

    $limit = 8;  
    if (isset($_GET["page"])) { $page  = $_GET["page"]; } else { $page=1; };  
    $start_from = ($page-1) * $limit;  

    $query = "SELECT * FROM places ORDER BY id ASC LIMIT $start_from, $limit";  
    $result = mysqli_query($connect,$query); 

    if(!$query)
    {
        echo mysql_error();
    }
?>

<?php 
    echo '<p style="color:#003566;font-size:15px;">  &nbsp; You are on page ' .$page. '<br> </p>';
    echo '<table border="1" align="center">';

    echo '<tr><th>Name</th><th>link</th><th>My date</th><th>End date</th><th>place</th></tr>';

    while ($row = mysqli_fetch_assoc($result)) { 
        echo "<tr><td>";
        echo $row['name']; 
        echo "</td><td>";
        echo $row['link']; 
        echo "</td><td>";   
        echo $row['date'];
        echo "</td><td>";
        echo $row['end']; 
        echo "</td><td>";   
        echo $row['place'];
        echo "</td></tr>";   
    }
    echo '</table>';
?>

谁能告诉我如何做到这一点?


<?php
$numbers = array(1,2,3,4,5,6,7,8,9,10,11,12);
$output = '';
$counter = 1;
foreach ($numbers as $number){
    if($counter == 4){
        $output .= ' ...';
    }elseif($counter < 4 || $counter > (count($numbers) -3)){
        $output .= ' ' . $number;
    }
    $counter++;
}

另请检查此链接 https://stackoverflow.com/questions/19270804/zend-pagination-with-limited-number-of-links-and-dots-between

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在分页数之间添加点 的相关文章

  • 准备好的声明不返回任何内容

    我知道这个特定的查询是有效的 因为我用未经准备的过程方法测试了它 这里是 name introduction mysqli new mysqli localhost user pass db or die There was a probl
  • CodeIgniter Active Record - 组 OR 语句

    这是我的问题 MySQL 或 条件 https stackoverflow com questions 8604380 mysql or condition 解决方案是将 OR 语句分组 但我正在使用 CodeIgniters Active
  • 通过日期选择器过滤查询后检索具有特定值的行数[重复]

    这个问题在这里已经有答案了 目前 我正在使用 CodeIgniter 来检索特定时间范围内的数据 所有这些条目都有一个状态 我想将具有相同状态的所有条目分组并将其显示在各自的标题中 目前 这是我的模型类 其中我有以下条目来返回特定日期范围内
  • 在php中的字符串数组中查找字符串的开头[重复]

    这个问题在这里已经有答案了 我知道我们有 php in array 函数 但我正在寻找一种方法来查找以特定字符串开头的字符串数组中的值 例如找到 search string div 1 div 在这样的数组中 array sample gt
  • 将 PHP 变量保存到文本文件

    我想知道如何将 PHP 变量保存到 txt 文件 然后 再次检索它们 Example 有一个输入框 提交后写的东西 输入框将被保存到文本文件中 稍后需要结果 作为变量带回 假设变量是 text I 需要将其保存到文本文件并能够将其检索回来
  • 页面加载时输入触发的 jQuery 更改事件

    为什么是下面这个JQuery当文档在浏览器中准备就绪时触发事件运行 我的经验很少JQuery所以我有点坚持这个
  • 如何在xampp中启用curl

    我面临下面给出的错误 致命错误 在第 11 行调用 E xampp htdocs new functions php 中未定义的函数curl init 我已经做出了改变php ini 我把前面的分号去掉了 extension php cra
  • 如何使用 JqGrid 子网格进行内联编辑?

    我知道如何使用主网格进行内联编辑 但是有没有办法对子网格进行内联编辑 这是我的 JS 文件 function var lastsel list jqGrid url example php postData q 1 datatype jso
  • 如何使用 PHP SoapClient 添加任意命名空间?

    如何使用 PHP SoapClient 添加任意名称空间 命名空间实际上并未在请求中使用 但我认为它阻止了我的消息被正确使用 WSDL 在这里 http abr business gov au abrxmlsearchRPC ABRXMLS
  • PHP 静态变量用双引号引起来

    如何让 PHP 计算双引号中的静态变量 我想做这样的事情 log self CLASS METHOD entering 我尝试过各种 组合来获取变量值self CLASS 但没有任何效果 我目前已经解决了字符串连接问题 但输入起来很痛苦 l
  • Yii2 - 如何在用户身份中设置动态 authTimeout?

    在这里 我扩展了UserYii2 的身份 这是我的配置 user gt identityClass gt app models UserMaster class enableAutoLogin gt false loginUrl gt au
  • 如何使 WordPress 中的自定义模板充当受密码保护的页面?

    我正在使用自定义模板构建一个页面 问题是 我需要此页面受密码保护 或者至少可供登录用户访问 但即使我在 WordPress 管理的新页面部分中将其设置为此类 私人 密码保护 它也不会显示菜单项和内容 如果是私有的 或者它会立即显示页面内容
  • 如何在jquery中创建一个全局函数,并从另一个加载的页面调用它

    如何在 jquery 中声明全局函数 如何从使用 jquery 的 load 函数加载到该页面上的某个 div 中的页面调用它 该功能很简单第 1 个子页面 main links 1st sub page myfun function is
  • 如何最好地实现多个重叠元素的翻转和推出事件?

    Problem 我正在开发一个网站 其中有一个 拨号盘 显示代表伞式公司不同部门的多个选项卡 目前我已经用 HTML CSS 准备好了一切 每个选项卡的定位 内圈处于较高位置z index因为选项卡在滚动时需要向外动画 我可以实现这部分 选
  • 具有适当后退按钮支持的 jQuery Lightbox

    在进行了一些可用性测试后 我发现参与者打开了jQuery 灯箱 http leandrovieira com projects jquery lightbox 查看更大的图像 然后 他们只需点击浏览器后退按钮 而不是单击 关闭 按钮 这会将
  • 尝试使用curl进行GET,发送的值允许为空

    我正在尝试使用curl 来执行一个简单的GET 其中包含一个名为redirect uri 的参数 被调用的 php 文件打印出 GET redirect uri 的空字符串 它显示 red 并且似乎没有发送任何内容 执行获取操作的代码 Ge
  • 使用 PHP 将子项添加到 XML 文件

    添加子项时 抛出此错误 无法添加孩子 父级不是 XML 树的永久成员 我无法解决这个问题 这是我的代码 if visited FIRST xml new SimpleXMLElement
  • jQuery 在提交的数据中附加一些奇怪的字符串

    重现该bug的代码 在html页面中放入以下代码并读取Fiddler中提交的数据 jQuery 1 4 2工作正常 问题发生在1 5 1和1 5 2
  • 日期函数的奇怪行为

    我今天在 StackOverflow 上遇到了这个问题 但没有得到答案 我的问题是 echo date Y m d strtotime 2012 september 09 output 2012 09 01 echo date Y m d
  • jQuery 查找 id 以total 开头的所有li

    我有以下内容 但只想循环 lines 中 id 以total 开头的行 lines li each function 有任何想法吗 Lee lines li id total each function

随机推荐

  • 删除嵌套文档数组中的嵌入文档

    我的架构如下所示 content id ObjectId 4fc63de85b20fb72290000f8 assets path temp 4f840af9565832fa14000002 4f840b1e565832fa14000007
  • 构建前将jar添加到maven本地存储库

    我有第三部分 jar 文件 该文件远程不存在于项目目录中的文件 我想在执行 mvn install 时将此 jar 添加到本地存储库中 这是我当前执行此操作的代码
  • 在存在模板的情况下继承类型声明

    有没有办法在基类模板中声明类型并在子类模板中重用这些定义 例如 考虑以下尝试 template
  • 无法拦截来自 Nike.com 登录请求的流量

    我正在使用 BurpSuite 拦截登录时发送的 HTTP HTTPS 请求https www nike com https www nike com 我试图通过以下步骤来实现这一目标 打开 BurpSuite 和 Firefox 开启代理
  • 如何在共享驱动器上执行 xpdf (pdftotext.exe)?

    我正在尝试解析pdf to text via PHP and XPDF pdftotext exe 在我的本地主机上 一切运行良好 但是当我尝试将所有内容移动到服务器上时 我遇到了麻烦 首先我检查了服务器上的一些设置 安全模式是off ex
  • 绑定到 DataContext 的 WPF 样式 DataTrigger 不起作用

    我有一个 TextBox 其样式具有可更改文本的 DataTrigger 如下所示
  • 朱莉娅中未显示情节

    我有一个名为 mycode jl 的文件 其中包含以下代码here https juliastats org MultivariateStats jl dev pca using MultivariateStats RDatasets Pl
  • 图片上传亚马逊s3 android SDK 2.0

    我想将图像上传到 android 中的亚马逊 s3 存储桶 我没有收到任何错误 但它不起作用有人可以帮助我吗 我找不到任何关于此的好的例子或问题 我将图像分配给 文件图像3 images3 new File uri getPath publ
  • 带有@null背景的图像按钮(透明)[重复]

    这个问题在这里已经有答案了 我有一个图像按钮 其图像源具有透明度 但图像按钮的背景颜色是典型的灰色按钮颜色 我想设置背景 null 这工作正常 但是 当我按下此图像按钮时 我看不到指示我按下按钮的颜色 如果我按下按钮时删除背景 null 请
  • VSCode:找不到任务中的环境变量

    我试图在 VSCode 的tasks json 中定义我自己的环境变量 根据到目前为止我找到的每个链接 我尝试了以下操作 version 2 0 0 type shell options env APP NAME myApp problem
  • KineticJS - 如何在按钮单击时更改图像 src

    我试图通过单击按钮来更改kineticjs阶段中图像的src 我有一个可拖动的图像 在本例中为达斯维德 和顶部的静态图像 在本例中为猴子 单击按钮后 我希望能够用新图像替换可拖动图像 yoda JSFiddle 可以在这里看到 http j
  • spring框架中的命令对象是什么[关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 你能解释一下吗Spring框架中的命令对象及其示例 来自 Spring 文档 Command Object 将使用表单中的数据填充的 Ja
  • 如何从 Intellij Maven 项目中永久删除模块?

    我目前正在 IntelliJIdea 12 1 6 Ultimate 中开发一个更大规模的基于 Maven 的项目 我使用 IntelliJIdea 已有大约 5 个月的时间了 包含的模块依赖于另一个模块 直到最近 依赖模块的源代码也是我项
  • Git 和 Dropbox - 本地存储库

    我阅读了大量有关 Dropbox 和 Git 功能结合的帖子并观看了许多视频 其中一个线程是这样的 有效地结合使用 Git 和 Dropbox https stackoverflow com questions 1960799 using
  • jQuery 中的“#”字符(数字符号)是什么意思?

    我是 Javascript 新手 我正在尝试理解一些代码 我不明白 也找不到任何有关的文档 sign function searchTerm autocomplete searchTerm 是什么意思 现在 可能意味着私有实例字段 http
  • 编译器“何时”隐式声明默认构造函数?

    我知道如果我们不声明它 编译器将生成一个默认构造函数 何时 是我感到困惑的一点 A class Base int main return 0 B class Base int main Base b Declare a Base objec
  • java程序计算XIRR而不使用excel或任何其他库

    我的应用程序必须计算XIRR 但我不能使用excel 因为它在Linux上运行 任何人都可以共享逻辑或java代码来计算XIRR而不使用excel 正如帖子中所述 C 中的 xirr 计算 https stackoverflow com q
  • Django - 从单独的应用程序导入视图

    我是 Django 新手 正在阅读 Holovaty 和 Kaplan Moss 所著的 Django Book 我有一个名为 mysite 的项目 其中包含两个名为 books 和 contact 的应用程序 每个都有自己的 view p
  • Selenium Python:如何在点击后等待页面加载?

    我想在点击后获取页面的页面源 然后使用 browser back 函数返回 但是 Selenium 不会让页面在点击后完全加载 并且 JavaScript 生成的内容不会包含在该页面的页面源中 element i click Need to
  • 在分页数之间添加点

    我已经用 PHP 和 AJAX 为表格编写了分页代码 每页将显示表格的 8 行 到这里为止一切正常 我现在需要的是使分页看起来像一系列数字和它们之间的点 如下所示 1 2 3 27 28 29 我有两个用于分页的文件 conf php