- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
这是我的问题。我已经尝试了很多很多东西并且意识到我现在可以在我的大脑上煮一个鸡蛋。我需要你的帮助。
我需要在发布内容的 div 上添加分页。更具体地说,对用户生成的列表进行分页。
这是在我的 index.php 中:
<div id="head">
<form name="postbar_add_post" id="postbar_add_post" method="post">
<fieldset>
<legend>What are you doing now? ...</legend>
<input type="text" name="addcontentbox" id="addcontentbox" maxlength="200" />
<input type="submit" name="addpost" value="Submit" class="submit" />
</fieldset>
</form>
</div>
<div id="cuerpo"><ul id="wall"></ul></div>
提交文本时,它使用以下 JavaScript 代码发布该 div 的数据:
// This is the script to post whats typed on the input to the div called wall:
<script type="text/javascript">
$.noConflict();
jQuery(document).ready(function() {
jQuery("form#postbar_add_post").submit(function() {
var addcontentbox = jQuery('#addcontentbox').attr('value');
if (addcontentbox.replace(/\s/g,"") == "") {
return false;
}
jQuery.ajax({
type: "POST",
url: "postear.php",
data: "addcontentbox=" + addcontentbox,
success: function() {
jQuery("ul#wall").prepend("<li>"+addcontentbox+"</li>");
jQuery("ul#wall li:first").fadeIn();
document.postbar_add_post.addcontentbox.value = '';
document.postbar_add_post.addcontentbox.focus();
}
});
return false;
});
});
</script>
我正在使用 $.noConflict();
因为我已经尝试使用另一个名为 Jpagination 的 jquery 插件对其进行分页。遗憾的是,没有什么好结果。点击here如果你想检查一下。
前面的 Ajax 代码调用 PHP 文件将消息插入数据库。
这是PHP代码:
<?php
if(isset($_POST['addcontentbox'])) {
// Connection to Database
include('config.php');
// NO Query Injection
$message = mysql_real_escape_string($_POST['addcontentbox']);
// echo
$sql = 'INSERT INTO WALL (message) VALUES( "'.$message.'")';
mysql_query($sql);
echo $message;
}
else
{
echo '0';
}
?>
所以,我尝试将分页与 PHP 集成,但我真的迷路了。然后我在网上找到了一些用于分页的脚本,但这让我更糟。
所以我真的需要帮助。
谁能告诉我如何将分页添加到 index.php 上的未排序列表?
最佳答案
嗯,我仍然不是 100% 清楚您希望它如何运作,但我有一个想法。假设您要在一个页面上显示 10 条消息。所以当页面第一次加载时,它会有 10 条最新评论。(你可以通过稍微改变你的 SQL 查询来做到这一点)你还希望你的 index.php 接受查询字符串中的页面变量,所以你知道要加载什么页面。像 index.php?page=1
。然后您可以编写初始查询以获取消息,如下所示:(在执行此操作后 $page = $_GET['page'];
"SELECT * FROM wall ORDER BY id DESC LIMIT $page*10, 10"
除了获取最新消息外,您还想知道总共有多少条消息,这样您就知道自己有多少页。您也可以通过 sql 查询获得它。
"SELECT COUNT(*) FROM wall"
现在让我们回到html。在使用 jQuery("ul#wall li:first").fadeIn();
淡入新发布的消息后,您可以使用 jQuery("ul#wall li: last").fadeOut();
要制作页面列表,只需将消息总数除以每页消息数即可计算出您需要多少页。然后你可以使用 php for 循环来回显一堆带有页码的链接,就像这样。
<? for($i=0; $i<$total_pages; $i++) { ?>
<a href="index.php?page=<?=$i;?>"><?=$i;?></a>
<? } ?>
因此,当有人点击其中一个链接时,它将使用正确的消息重新加载您的页面。当然,你可以用它做更多的事情,但我认为这是基本的想法。希望对您有所帮助。
关于php - 如何在 jquery/ajax 未排序列表上集成分页?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7225683/
我有一些带有反应组件抽象的外部 UI,我想从试剂中重用它们,有没有什么方法可以通过从 clojurescript 传递数据来直接渲染预定义的 react 组件。我是 clojurescript 初学者
我刚刚构建了一个库(Material Components库)from source并将本地Maven存储库添加到了我的项目中。现在,我可以通过将Log调用添加到库的本地源中来成功地进行一些外行调试。
我正在尝试测试呈现 grommet 的组件菜单 组件。索环 Menu 组件将绝对定位的菜单呈现到文档的顶层,作为子级插入到 body 中。因此它呈现在包装器的范围之外。我可以使用 document.b
如何创建一个凹形的 SKPhysicsBody? 我的猜测是创建一个由多个凸体组成的复合节点。我可以用任何其他方式“粘贴”它们,从而在它们之间创建 SKPhysicsJointFixed 吗? 最佳答
我正在开发一个食谱应用程序来帮助我妻子培养她的蛋糕爱好。这个想法是创建一个食谱数据库来保存她所有的蛋糕食谱。 每个食谱都有多种成分。每种成分都会有测量值(克、毫升、茶匙等),然后是数量。 我了解如何创
我正在使用 sklearn's PCA用于对大量图像进行降维。安装 PCA 后,我想看看组件的外观。 可以通过查看 components_ 属性来做到这一点。没有意识到这是可用的,我做了其他事情: e
我是一名优秀的程序员,十分优秀!