如何在每篇文章下方添加“阅读更多”按钮?

时间:2011-06-09 14:04:00

标签: php mysql

我正在大学里做一个项目,使用MySQL和PHP。这是我从数据库中获取数据的代码:

$sql="INSERT INTO articles (artical,article_heding,date,categories ) VALUES ('$artical','$heading','$datetime','$categories')";
mysql_query($sql,$con);

$sql3="select * from articles";
$rs2=mysql_query($sql3);
while($row2=mysql_fetch_array($rs2))
{
$rating=$row2['article_heding'];
$artical=$row2['artical'];

echo $row2['article_heding']."<br>".substr($row2['artical'], 0,10)."<br><br>";}}

目前我只是展示了每篇文章的摘要(substr($row2['artical'], 0,10)),但我想在每篇文章下面放一个阅读更多按钮来显示全文。我怎么能这样做?

4 个答案:

答案 0 :(得分:2)

我只是写了一个fiddle来说明这一点,奇怪的是。它确实使用jQuery,但这很容易包含。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

也欢迎您使用“$”命令而不是“jQuery”。我使用“jQuery”编写它是因为具体要求与您的情况无关(可能)。

如果用户禁用了javascript,我的示例中的“更多”文本也不会被隐藏。要解决此问题,请删除.css并添加:

jQuery(document).ready(function(){
  jQuery("#more").hide();
});

答案 1 :(得分:0)

据我所知(因为这是处理客户端(你不想重新加载页面吗?))你必须使用javascript来执行此操作,因为php是基于纯服务器的

答案 2 :(得分:0)

如果您不想重新加载页面,那么您肯定需要JavaScript,特别是JS Framework。

您可以使用 jQuery 插件jQuery Expander Plugin

来实现这一目标

在这里:Quick and Easy jQuery Read More Script Tutorial

另外,其他人已经提出了类似的问题:Read More Feature with JQuery slideToggle Method

答案 3 :(得分:0)

最后我找到了答案!!这是:首先,我在下一个回声线中添加这些行:

echo "<form action='welcome.php' method='get'>
       <input name='".$articalid."' type='submit' value='Read More' />
       <input name='buttonId' type='hidden' value='".$articalid."' />
       <input name='buttonIdd' type='hidden' value='".$rating."' />
      </form>";

之后我将“welcome.php”文件看起来像这样:

$artical=$_REQUEST['buttonId'];
$heading=$_REQUEST['buttonIdd'];    
echo $heading."</br></br>";

$strSQL = "SELECT * FROM articles where id='$artical'";  
$rs = mysql_query($strSQL); 

while($row=mysql_fetch_array($rs))
{
echo $row['artical'];
}

完成!它工作!!!