Hej alle sammen,
Jeg sidder og roder lidt rundt med et multitrådet kommentar system (hvor man kan besvare en andens kommentar).
Jeg har problemer med at få sat en border rundt om hver enkelt kommentar. Når jeg prøver, bliver der sat border om en kommentar, men den dækker også alle reply's der bliver lavet til den kommentar. Se Screenshot
HER.
Her er et billede af hvordan det ser ud nu:
HEROg her et billede af hvordan det egentligt skal være:
HEROg herunder følger koden:
index.php<?php
include("../db.php");
include("functions.php");
?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Threaded Comments</title>
<script type='text/javascript' src='jquery.pack.js'></script>
<script type='text/javascript'>
$(function(){
$("a.reply").click(function() {
var id = $(this).attr("id");
$("#parent_id").attr("value", id);
$("#name").focus();
});
});
</script>
<style type='text/css'>
#wrapper {
width:480px;
margin:0px auto;
padding:15px 0px;
}
.comment {
padding-left:5px;
margin-top:15px;
list-style:none;
}
.comment ul {
padding-left:20px;
}
.aut {
font-weight:bold;
}
.timestamp {
font-size:85%;
float:right;
}
#comment_form {
margin-top:15px;
}
#comment_form input {
font-size:1.2em;
margin:0 0 10px;
padding:3px;
display:block;
width:100%;
}
#comment_body {
display:block;
width:100%;
height:150px;
}
#submit_button {
text-align:center;
clear:both;
}
</style>
</head>
<body>
<div id='wrapper'>
<ul>
<?php
$q = "SELECT * FROM comments WHERE parent_id = 0";
$r = mysql_query($q);
while($row = mysql_fetch_assoc($r)):
getComments($row);
endwhile;
?>
</ul>
<form id="comment_form" action="post_comment.php" method='post'>
<label for="name">Name:</label>
<input type="text" name="name" id='name'/>
<label for="comment_body">Comment:</label>
<textarea name="comment_body" id='comment_body'></textarea>
<input type='hidden' name='parent_id' id='parent_id' value='0'/>
<div id='submit_button'>
<input type="submit" value="Add comment"/>
</div>
</form>
</div>
</body>
</html>functions.php<?php
function getComments($row) {
echo "<li class='comment'>";
echo "<div class='aut'>".$row['author']."</div>";
echo "<div class='comment-body'>".$row['comment']."</div>";
echo "<div class='timestamp'>".$row['created_at']."</div>";
echo "<a href='#comment_form' class='reply' id='".$row['id']."'>Reply</a>";
$q = "SELECT * FROM comments WHERE parent_id = ".$row['id']."";
$r = mysql_query($q);
if(mysql_num_rows($r)>0)
{
echo "<ul>";
while($row = mysql_fetch_assoc($r)) {
getComments($row);
}
echo "</ul>";
}
echo "</li>";
}
?>Er der nogen der har et godt forslag?
Mvh
Morten