评论系统:显示类似facebook的帖子部分- (PHP评论系统2)
评论系统:显示类似facebook的帖子部分- (PHP评论系统2)
提问于 2013-10-25 06:32:41
如何显示评论，比如，分享时间选项作为facebook?
我创建了一个类似于Facebook的帖子系统，它看起来像下面的图片，这要感谢这么多人。
我无法正确地放置内容。在哪里和如何调整？
我希望它看起来像Facebook的帖子部分。
如何显示评论，如上面所示的共享选项？
代码: index.php：
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#submit').on('click',function(e){
e.preventDefault();
input=$('#message').val();
var comment={};
comment.input=input;
var commentdata=$("message").val();
$.ajax({
type: "POST",
data:{
comment: commentdata
},
url: "ajax.php",
success: function(data, textStatus){
//alert(data);
$("#commentsholder").append(data);
$('#comments').append(comment.input);
}
},'html');
});
});
</script>
</head>
<body>
<lable>Add post </lable><br>
<textarea id="message" rows="4" cols="50" placeholder="Add post"> </textarea>
<input type="submit" id="submit" value="share"> </input>
<div>
<div id="commentsholder"></div>
<ul id="comments" ></ul>
</div>
</body>
</html>ajax.php：
<?php
$comment=$_POST['commentdata'];
$con = mysqli_connect('127.0.0.1:3306', 'root', 'root', 'test');
if (mysqli_connect_errno()) {
echo "Failed to connect to MySQL: " . mysqli_connect_error();
}
$query= "select * from user_record where id=100005809179068";
$result = mysqli_query($con,$query);
//build html format as you need it..
while($row = mysqli_fetch_array($result)){
echo '<div class="comment"><img src="'.$row ['picture'].'"/>'.$row ['name'].'</div>';
}
?>回答 2
Stack Overflow用户
回答已采纳
发布于 2013-10-25 07:52:32
1.优先，为什么帖子和评论不能正确显示？！
您应该将ajax调用更改为：
$.ajax({
type: "POST",
data:{
comment: commentdata,
input: comment.input // Add your input as a parameter
},
url: "ajax.php",
success: function(data, textStatus){
$("#commentsholder").append(data);
}
},'html');你的ajax.php：
$input = $_POST['input'];
echo '<div class="comment"><img src="'.$row ['picture'].'"/>'.$row ['name'].
'<p>'.$input.'</p></div>';现在应该管用了。你的化身将永远停留在同一个街区与你的评论。
2.第二，添加类似于注释的共享。您可以在服务器端ajax或客户端执行此操作，如下所示(我重用成功回调)：
success: function(data, textStatus){
$("#commentsholder").append(data); // This should append the div.comment
$('.comment').append(comment.input); // Not $('#comments')
var likeLink = '<a href="http://www.facebook.com/plugins/like.php?href=[YOUR_POST_URL]&width=100&height=80&colorscheme=light&layout=standard&action=like&show_faces=true&send=false&appId=[YOUR_APPID]">Like</a>';
var shareLink = '<a title="send to Facebook" href="http://www.facebook.com/sharer.php?u=YOUR_URL" target="_blank">Share</a>';
$('.comment').append(likeLink).append(shareLink);
}你可以在这里用小提琴：http://jsfiddle.net/karmiphuc/SDSwk/
关于post评论，您必须使用来发送和检索它们。
希望这能有所帮助。
Stack Overflow用户
发布于 2013-10-25 07:16:04
将其添加到代码的这一部分
echo '<div class="comment"><img src="'.$row ['picture'].'"/>'.$row ['name'].'</div><br />Comment | Share | etc...';页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19582661
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号