Есть кнопка которая создаёт выдвижную панель, и в панели можно выбрать смайл, и тот что ты выбрал переносится текстом в строку чата
<!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) {
var smile = event.target.alt;
var text_comment = $.trim($("#text_comment").val());
$("#text_comment").focus().val(text_comment + ' ' + smile + ' ');
}
$("#smiles").slideUp(500);
});
})
</script>
</head>
<body> <textarea id="text_comment"></textarea>
<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>
Как сделать так чтобы переносилась уже в готовую строку чата?
вот кнопка с чатом в которую нужно
echo "<input type=\"text\" name=\"zin\" maxlength=\"5000\"/> <input type=\"submit\" value=\"Написать\" class=\"ibutton\"></div>";
Как всё происходит, и куда нужно
Средний
Простой