Hjælp til kommentar script
Hej,Jeg har lavet nedenstående kommentar script - har dog brug for lidt hjælp til nogle ekstra features.
Hvordan kan jeg gøre således at når folk trykker på reply, skal den automatisk scrolle ned til bunden hvor formen er og der skal stå: Du besvarer (navn på den man har reply'et til).
Screenshot: http://www.tristram.dk/exp_ss.jpg
<html>
<head>
<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>
</head>
<body>
<?php
function getComments($row) {
echo "<li class='comment'>";
echo "<div class='container'>";
echo "<div class='top_box'>";
echo "<div class='aut'>".$row['author']."</div>";
echo "<div class='timestamp'>".$row['created_at']."</div>";
echo "</div>";
echo "<div class='comment-body'>".$row['comment']."</div>";
echo "<div class='reply'><a href='#comment_form' class='reply' id='".$row['id']."'><img src='reply.png' title='Reply'></a></div>";
echo "</div>";
$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>";
}
$newsid = $_GET[newsid];
?>
<div id='wrapper'>
<ul>
<?php
$q = "SELECT * FROM comments WHERE parent_id = '0' && news_id = '$newsid'";
$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><br>
<input type="text" name="name" id='name'/><br>
<label for="comment_body">Comment:</label><br>
<textarea name="comment_body" id='comment_body'></textarea>
<input type='hidden' name='parent_id' id='parent_id' value='0'/>
<input type='hidden' name='newsid' value='<? echo $newsid; ?>'/>
<div id='submit_button'>
<input type="submit" value="Add comment"/>
</div>
</form>
</div>
</body>
</html>