Перейти к содержимому

Как в textarea вставить текст

  • автор:

Javascript для вставки текста в

Помогите пожайлуста в решении вопроса, сам не смог найти ответ. На странице есть список комментариев, рядом с каждым ссылочка «цитировать», внизу страницы форма добавления своего коммента. Как сделать так, чтобы при нажатии на «цитировать», весь комментарий втавлялся в форму, в поле ?

  • eTarget 2011:Панельная дискуссия «Стратегия и планирование рекламной кампании в интернете»
  • eTarget 2011: Круглый стол «Реклама в онлайн-видео»
  • Могут ли «плохие» входящие ссылки привести к ухудшению ранжирования?

6 ноября 2009, 10:44

Круглый, ой вы что это же непосильная задача!! модуль какой нить ставьте!

На сайте с 07.01.2009
6 ноября 2009, 11:47
Качественный хостинг, VPS и сервера. (http://ihc.ru/?ref=569)
На сайте с 12.10.2008
8 ноября 2009, 22:54

chemax, ага, но сперва quote = document.getElementById(«commentID»).innerHTML; 😀

Только тогда нужно учесть, что там могут быть теги, которые нужно либо удалить либо заменить BB кодами.

На сайте с 15.08.2008
9 ноября 2009, 07:32

Это текст №2 комментария. бла бла бла без html тегов или с тегами

Прокомментировать
Это текст №3 комментария. бла бла бла без html тегов или с тегами

Прокомментировать



.


var textarea=document.getElementById('text');
function comm(id) textarea.value+="[\quote]"+document.getElementById('comment'+id).innerHTML+"[\/quote]\n";
>

Если в комментариях разрешены html теги то можно заменить [\quote] на илии другой тег

Как сделать, чтобы в текстовом поле заранее выводился определенный текст?

Вывести в однострочном и многострочном текстовом поле формы произвольный текст.

Решение

Создание однострочного текстового поля осуществляется с помощью тега . Достаточно воспользоваться атрибутом value данного тега и присвоить ему в качестве значения строку. После чего заданный текст появится в поле автоматически (пример 1).

Пример 1. Строка в текстовом поле

HTML5 CSS 2.1 IE Cr Op Sa Fx

    Текст в поле  

В данном примере показано, как создать текст, который будет отображаться в поле сразу при открытии страницы (рис. 1).

Текстовое поле с заданным текстом

Рис. 1. Текстовое поле с заданным текстом

Чтобы добавить текст к многострочному текстовому полю, следует поместить его между тегами , как показано в примере 2.

Пример 2. Текст в многострочном текстовом поле

HTML5 CSS 2.1 IE Cr Op Sa Fx

    Текст в поле   

Учтите, что все переносы строк в тексте и пробелы становятся значимыми и отображаются в текстовом поле. Результат примера показан на рис. 2.

Текст со всеми пробелами в текстовом поле

Рис. 2. Текст со всеми пробелами в текстовом поле

Как поставить текст в textarea?

5e384bc55d2b1760579787.png

выдаёт такую ошибку , почему?

5e384c25a68b0648809121.png

Мне нужно ввести текст в этот textarea:

  • Вопрос задан более трёх лет назад
  • 274 просмотра

Комментировать
Решения вопроса 0
Ответы на вопрос 2

Kozack

Alex @Kozack Куратор тега JavaScript
Thinking about a11y

document.querySelector('.chat-input__textarea').value = 'Text . '

Или так
$(‘.chat-input__textarea’).val(‘Text . ‘)
Ответ написан более трёх лет назад
lucian2101 @lucian2101 Автор вопроса
Как сделать что-бы что я написал в value=’text’ сразу отправлялось?

Kozack

Alex @Kozack Куратор тега JavaScript

lucian2101, Если textarea обернут в форму — отправляйте форму. Иначе — найдите кнопку по которой происходит отправка и кликните в неё програмно

lucian2101 @lucian2101 Автор вопроса
Alex, Зайди в telegram пожалуйста
lucian2101 @lucian2101 Автор вопроса

5e384cb285648116810471.png

После того как я нажимаю на textarea текст исчезает

Ответ написан более трёх лет назад

Kozack

Alex @Kozack Куратор тега JavaScript
Я так и написал 🙂
lucian2101 @lucian2101 Автор вопроса
После того как я нажимаю на textarea текст исчезает
lucian2101 @lucian2101 Автор вопроса
И как сделать что-бы что я написал в value=’text’ сразу отправлялось?
lucian2101, чтобы текст не исчезал, надо искусственно вызвать на поле события input и change:

document.querySelector('.chat-input__textarea').value = 'Text . '; document.querySelector('.chat-input__textarea').dispatchEvent(new Event('input')); document.querySelector('.chat-input__textarea').dispatchEvent(new Event('change'));

Для отправки программно кликайте кнопку отправки.
lucian2101 @lucian2101 Автор вопроса

Надим Закиров, Спасибооооо , а если хочу сделать что-бы сразу отправлялось то как?
я пробовал так но не работает : $(‘.chat-input__textarea’).submit;

lucian2101, да не так ты делаешь. Там разве нет где-нибудь кнопки Отправить?
lucian2101 @lucian2101 Автор вопроса

Надим Закиров нет , тут отправка через кнопку «Enter» только
и вот ещё один вопрос , как сделать что-бы он брал значение от этого класса и вставлял тут
document.querySelector(‘.chat-input__textarea’).value = ‘/tip 76561199013136584 ‘+$(‘.balance’);
document.querySelector(‘.chat-input__textarea’).dispatchEvent(new Event(‘input’));
document.querySelector(‘.chat-input__textarea’).dispatchEvent(new Event(‘change’));

balans = document.querySelector('.balance').innerText; document.querySelector('.chat-input__textarea').value = '/tip 76561199013136584 ' + balans; document.querySelector('.chat-input__textarea').dispatchEvent(new Event('input')); document.querySelector('.chat-input__textarea').dispatchEvent(new Event('change'));

Как добавить текст в конец textarea по клику?

Как с помошью JQuery написать такое, чтобы когда пользователь кликал по оределённой картинке в textarea в конец добавлялся текст?

 

Текст вставляется разный! Картинок 11.
Отслеживать
371 1 1 золотой знак 5 5 серебряных знаков 13 13 бронзовых знаков
задан 20 авг 2012 в 11:25
53 1 1 золотой знак 2 2 серебряных знака 11 11 бронзовых знаков

Картинок 1 или больше с обработчиком? Текст вставляется всегда одинаковый или в зависимости от нажатой картинки (если их больше 1)? Как на картинках отличается текст?

20 авг 2012 в 11:27

3 ответа 3

Сортировка: Сброс на вариант по умолчанию

Я так понимаю, мы об этом говорим?

 $('img').click(function()< var text = $(this).attr('alt'); $('textarea').html(text); >);​ 
$('img').click(function()< var text, text2, summa; text = $(this).attr('alt'); text2 = $('textarea').html(); summa = text2+' '+text; $('textarea').html(summa); >); 
$('img').click(function()< text = $(this).attr('alt'); $('#textcoment').append(' '+text); >);​ 

Отслеживать
371 1 1 золотой знак 5 5 серебряных знаков 13 13 бронзовых знаков
ответ дан 20 авг 2012 в 11:41
shanhaichik shanhaichik
657 3 3 серебряных знака 10 10 бронзовых знаков
Почти так но не совсем я шочу чтобы если там уже будет текст добавлялось к нему
20 авг 2012 в 11:53
$(‘img’).click(function()< var text = $(this).attr('alt'); $('textarea').html( $('textarea').html() + text); >);
20 авг 2012 в 12:01

 $('img').click(function()< var text = "text"; $('#textcoment').append(text); >);​ 

Отслеживать
ответ дан 20 авг 2012 в 11:59
934 5 5 серебряных знаков 17 17 бронзовых знаков

$('img').click(function()< document.getElementById('textcoment').value += $(this).attr('alt'); >);​ 

Добавляет в textcoment текст из alt картинки

Отслеживать
ответ дан 20 авг 2012 в 11:59
3,234 13 13 серебряных знаков 11 11 бронзовых знаков
Красава Респект!
20 авг 2012 в 12:29
почему такая мешанина pure js и jQuery?
20 авг 2012 в 14:17

Простите, а что должно мне помешать использовать javascript с javascript`ом? В данном случае .value += «текст» гораздо более удобная форма чем .val(.val() + «текст»). Использую jquery там где это удобно (в данном случае выборки элементов и навешивание ивента на них) и pure js там где это удобнее. $(this).attr(‘alt’) оставил в таком виде, так как сам текст может браться из разных источников. Может быть $(this).attr(‘alt’), а может оказаться и $(this).data(‘descritpion’).

21 авг 2012 в 8:51

с эстетической точки зреня выглядит «не очень» согласен += намного удобнее, но ведь $(‘#textcoment’)[0] никто не отменял

21 авг 2012 в 8:56

$(‘#textcoment’)[0] сделает тоже самое, только потратит на это больше времени. Я считаю конструкцию вида document.getElementById(‘textcoment’).value += this.alt; лучше чем $(‘#textcoment’)[0].value += $(this).attr(‘alt’); и потому так советую. Повторюсь конструкцию ($(this).attr(‘alt’)) оставил исключительно для примера, так как в условии не было указано какой именно текст и откуда мы вставляем.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *