Demo

Look at Jaa's b2 blog.

Direction

1. First make sure your smilies is enabled (check in b2config.php).

2. If you use a pop-up comment, open b2commentspopup.php. If you use a non-pop, open b2comments.php.

3. Find:
<form action="b2comments.post.php" method="post">
Replace with:
<form action="b2comments.post.php" method="post" name="form">

4. Add this code on the page where you want the clickable smilies.
<script language="JavaScript" type="text/javascript"> function emoticon(theSmilie) { theSmilie = ' ' + theSmilie + ' '; if (document.form.comment.createTextRange && document.form.comment.caretPos) { var caretPos = document.form.comment.caretPos; caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? theSmilie + ' ' : theSmilie; } else { document.form.comment.value += theSmilie; } document.form.comment.focus(); theSmilie = ''; } </script> <br /> <b>Warning</b>: asort() expects parameter 1 to be array, null given in <b>/home/papermoo/www/www/tutorials/Tutorials/b2clickablesmilies.php</b> on line <b>39</b><br /> <br /> <b>Warning</b>: Variable passed to each() is not an array or object in <b>/home/papermoo/www/www/tutorials/Tutorials/b2clickablesmilies.php</b> on line <b>40</b><br />

5. Now, test your clickable smilies. :-)

6. Optional: you can use your own smilies, just override the existing ones with yours.