Thread

The documentation illustrates how to add smiles to comments via a pop up window.

I want the smiles to be right bellow the input form with no pop up window.

Can someone please post some code as to how to do this?

Hi George K,

Something like this should work:

1. Add the following block of code to your template where you want the list of smilies to appear:

<table border="0" width="100%" cellpadding="6" cellspacing="1">

{exp:emoticon columns="4"}
<tr class="row">
<td class="red"><div>{smiley}</div></td>
</tr>
{/exp:emoticon}

</table>

2. Add this code to your template HTML head:

<script language="javascript">
<!--

function add_smiley(smiley)
{
document.getElementById('comment_form').comment.value += " " + smiley + " ";
document.getElementById('comment_form').comment.focus();
}
//-->
</script>

As you can see this is just a slightly modified version of the example in the documentation.

Cheers

Greg