Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   помощь в textarea (https://javascript.ru/forum/misc/75506-pomoshh-v-textarea.html)

porezon 15.10.2018 15:52

помощь в 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(/&nbsp;/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>

рони 15.10.2018 16:33

porezon,
строка 37
}).click()

porezon 15.10.2018 17:00

получилось. Спасибо.

1. Нужно чтоб окно растягивалось при вводе текста
2. Сделать открывание смайлов по типу vk
3. Обратный вывод из базы (:-*) в смайл-изображение при редактировании

Заплачу денешку, возьмется кто?


Часовой пояс GMT +3, время: 04:16.