SLameN,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
#smiles {
display: none;
position: absolute;
width: 550px;
border: 1px solid #eee;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function () {
$("#smilesBtn").on("click", function (event) {
event.stopPropagation()
$("#smiles").slideToggle(800);
});
$(document).on("click", function (event) {
if ($("#smiles").has(event.target).length) {
$("#chatInp").val(event.target.alt); //тут ваш код обработки клика по смайлу
}
$("#smiles").slideUp(500);
});
})
</script>
</head>
<body>
<input id="chatInp" name="" size="50"><br>
<img src="http://javascript.ru/forum/images/smilies/victory.gif" id="smilesBtn" alt="Смайлы" title="Добавить смайл">
<div id="smiles">
<span>
<img class="smile" src="http://javascript.ru/forum/images/smilies/dance3.gif" alt=":)">
</span>
</div>
</body>
</html>