Показать сообщение отдельно
  #6 (permalink)  
Старый 14.04.2014, 21:24
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

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) {
               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>
Ответить с цитированием