OLEX Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Есть текстовое поле <input> или <textarea> Возможно ли добавлять текст к уже имеющемся в поле не в конец строки, а в положение курсора? ---------- Отче Наш, иже еси в моем PC. Да святится имя и расширение Твоё. ENTER. Вынес описание темы в название. — Svarga. Всего записей: 3590 | Зарегистр. 09-07-2002 | Отправлено: 05:26 13-11-2003 | Исправлено: Svarga, 10:23 13-11-2003

Cheery .:МордератоР:. Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору OLEX Ну ты и назвал темку.. Поправь.. Смотри пример вставки улыбочек в phpbb Код:   function emoticon(text) {   var txtarea = document.post.message;   text = ' ' + text + ' ';   if (txtarea.createTextRange && txtarea.caretPos) {   var caretPos = txtarea.caretPos;   caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;   txtarea.focus();   } else {   txtarea.value  += text;   txtarea.focus();   }   }   Теперь понятно? ---------- Away/DND Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 05:29 13-11-2003

Svarga Moderator Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору OLEX Или малость по-другому: http://forum.ru-board.com/topic.cgi?forum=21&topic=2033#18   само собой, всё только в MSIE такое работает...   ---------- away. Всего записей: 4161 | Зарегистр. 25-06-2002 | Отправлено: 10:20 13-11-2003

OLEX Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Cheery Не знаю почему, но твой вариант не сработал.... вставляет в конец текста.... Svarga а твой работает Цитата: только в MSIE   а мне только там и нужно!   Спасибо! ---------- Отче Наш, иже еси в моем PC. Да святится имя и расширение Твоё. ENTER. Всего записей: 3590 | Зарегистр. 09-07-2002 | Отправлено: 02:57 14-11-2003

Cheery .:МордератоР:. Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору OLEX Цитата: Не знаю почему, но твой вариант не сработал....  вставляет в конец текста....   А у меня все пашет.. под IE.. Какая версия? Покажи страницу, что не пашет.. зы: тот код для textarea ---------- Away/DND Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 02:58 14-11-2003 | Исправлено: Cheery, 02:59 14-11-2003

OLEX Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Нашел еще один способ: Код:   Вопрос: как вставить текст в textarea или input type=text в то место, где стоит курсор?     Ответ: этот код работает с IE 4+ и Netscape 6/Mozilla. Во всех остальных браузерах текст добавляется в конец. Определять текстовое поле надо так:        <textarea name=test onselect="storeCaret(this)" onclick="storeCaret(this)" onkeyup="storeCaret(this)">        или        <input type=text name=test onselect="storeCaret(this)" onclick="storeCaret(this)" onkeyup="storeCaret(this)">     Функция storeCaret:        function storeCaret(element)      {              if (document.selection && document.selection.createRange)                      element.caretPos=document.selection.createRange().duplicate();      }     Функция insertText, которая вставляет текст:        function insertText(element,text)      {              if (element && element.caretPos)                      element.caretPos.text=text;              else if (element && element.selectionStart+1 && element.selectionEnd+1)                      element.value=element.value.substring(0,element.selectionStart)+text+e lement.value.substring(element.selectionEnd,element.value.length);              else if (element)                      element.value+=text;      }       Svarga это работает лучше твоего варианта, так как нормально вставляет текст в выделенный фрагмент, заменяя его.   Добавлено Cheery Твой вариант: http://ibis-tour.com/wywiwig.html Сварги: http://ibis-tour.com/wywiwig2.html И новый из того, что я сам отрыл: http://ibis-tour.com/wywiwig3.html   Там конечно я их поковеркал, но в твоем вроде все правильно сделал.... Третий вариант лучше всего работает. попробуй вставить что нибудь, предварительно выделив часть текста в Сваргином и моем варианте.   Добавлено Млин.....!!!!! Не обновляется внизу DIV при наборе текста в Эксплорере!!! Что за фигня в HomeSite обновляется при наборе каждой буквы..... ---------- Отче Наш, иже еси в моем PC. Да святится имя и расширение Твоё. ENTER. Всего записей: 3590 | Зарегистр. 09-07-2002 | Отправлено: 03:15 14-11-2003

Cheery .:МордератоР:. Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору OLEX Цитата: Третий вариант лучше всего работает. попробуй вставить что нибудь, предварительно выделив часть текста в Сваргином и моем варианте. Тьфу.. я просто забыл добавить часть ) это и есть то, как сделано в phpbb Цитата:   <textarea name="message" rows="15" cols="35" wrap="virtual" style="width:450px" tabindex="3" class="post" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);">   function storeCaret(textEl) { if (textEl.createTextRange) textEl.caretPos = document.selection.createRange().duplicate(); } Так что у всех одинаково ---------- Away/DND Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 03:36 14-11-2003

OLEX Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Цитата: Не обновляется внизу DIV при наборе текста в Эксплорере!!!   Гмммм...... маленькая поправка: не в Эксплорере, а в МайИЕ..... В ИЕ обновляется ---------- Отче Наш, иже еси в моем PC. Да святится имя и расширение Твоё. ENTER. Всего записей: 3590 | Зарегистр. 09-07-2002 | Отправлено: 03:37 14-11-2003

Shurik Главком. флейма Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору А чтобы в опере (новой) работало - никак? нет такого кода что ли? ---------- Metal Bands... Всего записей: 3171 | Зарегистр. 11-06-2001 | Отправлено: 09:29 14-11-2003

PaulGor Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору OLEX > Третий вариант лучше всего работает.     Да, похожий код и у меня - можете посмотреть на готовую реализацию     (ждал и смотрел comp.lang.javascript, пока не дождался, что и Netscape/Мозилла стали это делать, а именно, не только вставлять, но ещё и символ подменять):     http://ourworld.compuserve.com/homepages/PaulGor/screen_r.htm   Всего записей: 631 | Зарегистр. 05-04-2002 | Отправлено: 00:55 20-11-2003

Lucrecia Newbie Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Цитата: И новый из того, что я сам отрыл: http://ibis-tour.com/wywiwig3.html     Там конечно я их поковеркал, но в твоем вроде все правильно сделал....   Третий вариант лучше всего работает. попробуй вставить что нибудь, предварительно выделив часть текста в Сваргином и моем варианте.   В IE6.0 в третьем варианте есть один неприятный глюк - при вставке текста из клипбоард по правому клику, позиция курсора не меняется и следующая вставка чего-либо через кнопочки удаляет этот вставленный текст. Хотим фикса Всего записей: 2 | Зарегистр. 28-12-2003 | Отправлено: 10:00 28-12-2003

PaulGor Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Lucrecia, Может, я не понял, как воспроизвести проблему, но у меня такой проблемы нет (а мой вариант похож на тот третий). Вот моя страница и в ИЕ 6 работает Ок - "Русская Виртуальная Клавиатура":   http://ourworld.compuserve.com/homepages/PaulGor/onscreen.htm   Всего записей: 631 | Зарегистр. 05-04-2002 | Отправлено: 02:58 29-12-2003

PaulGor Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Lucrecia Цитата: Цитата:Может, я не понял, как воспроизвести проблему, но у меня такой проблемы нет (а мой вариант похож на тот третий). Вот моя страница и в ИЕ 6 работает Ок -   "Русская Виртуальная Клавиатура":     http://ourworld.compuserve.com/homepages/PaulGor/onscreen.htm     Во всех моих ИЕ6 с последними фиксами данная проблема есть, и ваша страница глючит точно также, внимательней:   1. Копируем что-то в клипбоард.   2. МЫШЬЮ правым кликом делаем Paste   3. Не кликая в текстареа, сразу нажимаем МЫШЬЮ какую-либо букву под клавиатурой - она заменяет скопированный текст   А, так Вы не про клавиатурный ввод, а про сделанную на 'крайний Мексиканский случай' строку алфавита, где можно мышкой вводить букву, щёлкая по её изображению? Понятно тогда, почему я первый раз не понял...     Честно говоря, в страницах 3-его варианта вообще не нужны clickable letters ведь весь смысл как раз и заключается в уходе от старого трудоёмкого метода ввода "буква-за-буквой", щёлкая по каждой букве - так только одно-два слова ввести можно, замучаешься... То есть весь смысл нового подхода - чтобы точно имитировать обычную работу с Клавиатурой - на таких страницах вообще может не быть clickable letters...       В любом случае, когда я понял, что надо делать: 1) То же самое я могу проделать в ИЕ 5.5. 2) Да, это только если Paste делать правой кнопкой мыши. Если Ctrl/V то всё Ок. Но при обычном вводе текста, IMHO, человек не будет правой мышкой Paste делать, он ведь с Клавиатурой работает, так что скорее нажмёт Ctrl/V   В общем, это 'corner case' - 2 редкие вещи вместе - ненужный на странице 3-го типа clickable алфавит плюс Paste правой кнопкой мыши...     Починить скорее всего не удастся - мне кажется, это ошибка в самом IE - раз не реагирует на Paste через правую кнопку мыши - не запоминает позицию курсора, а при Paste через Ctrl/V - всё в порядке...     Я не думаю, что мы можем в JavaScript 'поймать' как Paste происходило - по Ctrl/V или по правой кнопке мыши - и так вроде везде стоит вызов функции "Обновить позицию курсора" - так что это скорее всего ошибка самого ИЕ.     Сейчас в Мозилле попробую то же самое. Ага, нет такой проблемы, так что это наверное IE bug.           Всего записей: 631 | Зарегистр. 05-04-2002 | Отправлено: 22:19 07-01-2004 | Исправлено: PaulGor, 22:22 07-01-2004

vitovt Advanced Member Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору Народ! А как такую штуку организовать в showModalDialog ?   вот мой код   Цитата:                                 <script language="JavaScript">    <!--   function emoticon(char1){     document.card_form.card_text_text.focus();     var str='';     if(document.getSelection){       str = document.getSelection();       document.card_form.card_text_text.value=document.card_form.card_text_text.value+char1+str;     }     else if (document.selection && document.selection.createRange){       str = document.selection.createRange();       str.text = char1+str.text;     }     else{       alert('Операция не может быть выполнена');     }     document.card_form.card_text_text.focus();   }    //-->   </script>       это он в основной странице, а вот как в модалдиалог такое делаетсья? ---------- Автоспорт ТУТ Всего записей: 1087 | Зарегистр. 02-05-2002 | Отправлено: 15:58 23-09-2005

Paha_W Full Member Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору Здравствуйте есть, код: в Опере, IE работает, а вот в Firefox 1.0.7 (в предыдущих версия не пробовал) нет. В чем ошибка, подскажите? Заранее благодарен!   Код:   <script language='JavaScript'>           function quoteSelection() {                   theSelection = false;                 theSelection = document.selection.createRange().text; // Get text selection                   if (theSelection) {                         // Add tags around selection                         emoticon( ' Цитата: ' + theSelection + '\n \n');                         document.post.message.focus();                         theSelection = '';                         return;                 }else{                         alert('Текст не выделен');                 }         function storeCaret(textEl) {                 if (textEl.createTextRange) textEl.caretPos = document.selection.createRange().duplicate();         } </script>  <tr>                         <td class='row1' align="left">                                 <span  class="nav"><a href="javascript:quoteSelection();" title="Цитировать выделенный текст." class="nav">Цитата</a></span><br /><br />                             </td>                         <td class='row1' valign='top'>                                 <textarea name='message' rows='15' cols='125' wrap='virtual' tabindex='3' class='post' onselect='storeCaret(this);' onclick='storeCaret(this);' onkeyup='storeCaret(this);'></textarea><br>                         </td>                 </tr>   ---------- Far Far Away У каждого в голове свои тараканы... Всего записей: 440 | Зарегистр. 26-05-2004 | Отправлено: 10:58 07-11-2005

Cheery .:МордератоР:. Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Paha_W Цитата:  вот в Firefox 1.0.7 (в предыдущих версия не пробовал) нет в адресной строке набиваешь javascript: и смотришь, в чем ошибка ---------- Away/DND Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 17:55 07-11-2005

Paha_W Full Member Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору Выдает ошибку: Цитата:   Ошибка: document.selection has no properties Источник:             Строка: 666   переходим на источник подсвеичвает вот эту строчку: Код:    theSelection = document.selection.createRange().text; // Get text selection   Хотя строка у данной строчки если весь код перенести в обчный блокнот 721. Я так понял выделенный нами текст, должен заноситься в переменную theSelection. Ну а в данном случае этого не происходит. ---------- Far Far Away У каждого в голове свои тараканы... Всего записей: 440 | Зарегистр. 26-05-2004 | Отправлено: 04:16 08-11-2005

Paha_W Full Member Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору покорявил и вот что получилось: Код:     <script language='JavaScript'>                 function quoteSelection() {                   theSelection = false;                 theSelection1 = window.getSelection; // Get text selection                 theSelection = document.selection; // Get text selection                 if (theSelection) {                 theSelection = document.selection.createRange().text; // Get text selection                         // Add tags around selection                         emoticon( '[q]' + theSelection + '\n[/q]\n');                         document.post.message.focus();                         theSelection = '';                         return;                 }else if (theSelection1){                 theSelection1 = window.getSelection(); // Get text selection                         // Add tags around selection                         emoticon( '[q]' + theSelection1 + '\n[/q]\n');                         document.post.message.focus();                         theSelection = '';                         return;                 }                 else{                         alert('{L_NO_TEXT_SELECTED}');                 }         }           function storeCaret(textEl) {                 if (textEl.createTextRange) textEl.caretPos = document.selection.createRange().duplicate();         }           function emoticon(text) {                 if (document.post.message.createTextRange && document.post.message.caretPos) {                         var caretPos = document.post.message.caretPos;                         caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;                         document.post.message.focus();                 } else {                         document.post.message.value  += text;                         document.post.message.focus();                 }         }           function checkForm() {                 formErrors = false;                 if (document.post.message.value.length < 2) {                         formErrors = '{L_EMPTY_MESSAGE}';                 }                 if (formErrors) {                         alert(formErrors);                         return false;                 } else {                         if (document.post.quick_quote.checked) {                                 document.post.message.value = document.post.last_msg.value + document.post.message.value;                         }                           document.post.quick_quote.checked = false;                         return true;                 }         } </script>       Только в мозиле версии 1.06 не работает вставка на то место? где был курсор он просто добавляет в конец, а в 1.5 он просто вставляет пустые тего q. ---------- Far Far Away У каждого в голове свои тараканы... Всего записей: 440 | Зарегистр. 26-05-2004 | Отправлено: 05:03 17-12-2005

Страницы: 1 2 3

Компьютерный форум Ru.Board » Интернет » Web-программирование » Javascript: Вставка текста в textarea в положение курсора

Переход по форумам  Закладки   » Компьютеры Цифровое изображение Программы Microsoft Windows UNIX Другие OS Hardware В помощь сисадмину Прикладное программирование Игры Форумные игры   » Интернет Web-программирование В помощь вебмастеру Графика Хостинг Зацените-ка!   » Тематические Ikonboard v.2 Ikonboard v.3 Invision Board Другие форумы PHP-Nuke и другие порталы Мобила   » Общие Спорт Флейм Темы по региональным встречам Музыка и Кино Юмор Литература и Живопись   » Ru.Board Новости Помощь по форуму   » Андеграунд eBookz Варезник Раздачи и акции Мобильный варезник Андеграунд Игры и фильмы   » Специальные Тестирование