<!DOCTYPE html>
<html>
<head>
<style>
.textarea_stena{background:#FFFFFF;color:black;border:1px solid #C0CAD5;width:328px;min-height:
40px;padding:3px 25px 3px 3px;padding-bottom:5px;margin-bottom:3px;
outline:0;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;line-height:150%;word-wrap:break-word;cursor:text;}
.emoji{margin:0px;border:none;vertical-align:top;
}
</style>
</head>
<body>
<div id="smiles">
<img src='smile/1.gif'/>
<a href='javascript:x()' onclick="InsertSmile(':)')"><img src='smile/2.gif'/></a>
<a href='javascript:x()' onclick="InsertSmile(':(')"><img src='smile/3.gif'/></a>
<a href='javascript:x()' onclick="InsertSmile(';)')"><img src='smile/4.gif'/></a>
<a href='javascript:x()' onclick="InsertSmile(':P')"><img src='smile/5.gif'/></a>
<a href='javascript:x()' onclick="InsertSmile('8)')"><img src='smile/6.gif'/></a>
<a href='javascript:x()' onclick="InsertSmile(':D')"><img src='smile/7.gif'/></a>
<a href='javascript:x()' onclick="InsertSmile('=O')"><img src='smile/9.gif'/></a>
<a href='javascript:x()' onclick="InsertSmile(':-x')"><img src='smile/10.gif'/></a>
<a href='javascript:x()' onclick="InsertSmile('(T_T)')"><img src='smile/11.gif'/></a>
</div>
<form id='submit_wall' name='funforma'>
<div class="textarea_stena" id="comment" tabindex="0" contenteditable="true" ondragend="return true" onkeyup="copy_text(this.value)">Сначало жмяк сюда, и смайлик</div>
<!--<input id="comment_text" value='' type="text" style='height:100p' /> на крайняк если 1 не заработал -->
</form>
<script type="text/javascript">
var arr = document.getElementById('smiles').getElementsByTagName('img');
for(var i in arr) {
if(arr.hasOwnProperty(i)) {
arr[i].onclick = function(event) {
if('img' === this.tagName.toLowerCase()) {
var img = ' <img class="emoji" src="'+this.src+'"> ';
document.execCommand('insertHTML', false, img);
}
};
}
}
var ie=document.all?1:0;
var ns=document.getElementById&&!document.all?1:0;
function InsertSmile(SmileId)
{
if(ie)
{
document.all.comment.focus();
document.all.comment.value+=" "+SmileId+" ";
}
else if(ns)
{
document.forms['funforma'].elements['comment_text'].focus();
document.forms['funforma'].elements['comment_text'].value+=" "+SmileId+" ";
}
else
alert("ошибка браузера");
}
function copy_text(val) {
document.getElementById("comment_text").value = val;
}
</script>
</body>
</html>
https [!] 
Комментарии (0)