помощь в textarea
По умолчанию нужно нажать кнопку открыть форму, после чего форма форма появится.
Нужно чтобы после перехода на страницу форма уже была открыта. Помогите ктонибудь <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script> var edt = '<div class="smiles"><img sml=":-*" src="smile/1.gif"><img sml=":)" src="smile/2.gif"><img sml=":(" src="smile/3.gif"></div><div class="editor" contenteditable="true"></div><textarea></textarea>'; $(function() { $('span[data-msg]').click(function() { var p = $(this.parentNode); if(!p.next('.boxedit').length) { $('<div class="boxedit">').insertAfter(p) .append(edt) .find('textarea').attr('name', 'comment['+$(this).data('msg')+']').hide() .end() .find('.smiles').on('click', 'img', function() { document.execCommand('insertHTML', false, ' <img sml="'+this.getAttribute('sml')+'" src="'+this.src+'"> '); $('.editor').focus() }) .end() .slideDown(300) .find('.editor')[0].oninput = function() { $(this).closest('form') .find('textarea') .val(this.innerHTML .replace(/ /g,' ') //заменить неразрывное пространство .replace(/<br>/g, '\n') //заменить html-перевод строки .replace(/<img[^>]+>/g, function(i) { //смайлы //заменить на мнемонику //хотя могут быть нежелательные последствия //что можно наблюдать например в Скайп, и в этом сообщении //но можно воспользоваться ВВ-тегом //а изображения смайлов могут иметь различные атрибуты //которые можно обрабатывать здесь и подставляя их в ВВ return i.match(/sml="([^"]+)"/)[1] })) } } }) }); </script> <form autocomplete="off" method="post"> <div id="apps_edit_openapi" style=""> <table class="apps_edit_table"> <tbody> <tr> <td class="label ta_r">Картинка:</td> <td class="apps_edit_desc"> <input type="text" name="name" class="text" value="" placeholder="Укажите Ваш имя"> </td> </tr> <tr> <td class="label ta_r">Отдел:</td> <td class="apps_edit"> <select name="department" class="text"> <option value="">Выберите из списка</option> <option value="0">Отдел консультаций</option> <option value="1">Отдел тех. поддержки</option> <option value="2">Отдел финансов</option> <option value="3">Отдел предложений</option> <option value="4">Отдел жалоб</option> </select> </td> </tr> <tr> <td class="label ta_r">Сообщение:</td> <td> <p><span data-msg="123">Открыть форму</span></p> </td> </tr> </tbody> </table> </div> <table class="apps_edit_table"> <tbody> <tr> <td class="label ta_r"></td> <td class="apps_edit_info_save"> <button class="flat_button">Создать тикет</button> </td> </tr> </tbody> </table> </form> |
porezon,
строка 37 }).click() |
получилось. Спасибо.
1. Нужно чтоб окно растягивалось при вводе текста 2. Сделать открывание смайлов по типу vk 3. Обратный вывод из базы (:-*) в смайл-изображение при редактировании Заплачу денешку, возьмется кто? |
Часовой пояс GMT +3, время: 09:23. |