Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Выполнение JavaScript в ссылке со вставкой в textarea (https://javascript.ru/forum/jquery/67852-vypolnenie-javascript-v-ssylke-so-vstavkojj-v-textarea.html)

Scheme 11.03.2017 23:01

Выполнение JavaScript в ссылке со вставкой в textarea
 
Здравствуйте друзья,
есть простая функция вставки, условно, текста в textarea. Вопрос: "как сделать так, чтобы текст при клике на следующую ссылку плюсовался к предыдущему, а не заменялся" ?
<p><a href="javascript:;" onclick="jQuery('#inputid').val('текст1');jQuery('#inputid').focus();">текст1</a></p>
<p><a href="javascript:;" onclick="jQuery('#inputid').val('текст2');jQuery('#inputid').focus();">текст2</a></p>
<p><a href="javascript:;" onclick="jQuery('#inputid').val('текст3');jQuery('#inputid').focus();">текст3</a></p>
<textarea  id="inputid" ></textarea>


Есть, конечно, такая возможность с .value += text:
document.getElementById('IDs-ссылки').onclick = function() {
	var text = 'текст';
document.getElementsByTagName('textarea')[0].value += text;
};


Но принципиально сделать ввод ссылкой.

Manyasha 12.03.2017 03:40

Scheme,
А так?
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<p><a href="javascript:;" onclick="jQuery('#inputid').val(jQuery('#inputid').val()+jQuery(this).text());jQuery('#inputid').focus();">текст1</a></p>
<p><a href="javascript:;" onclick="jQuery('#inputid').val(jQuery('#inputid').val()+jQuery(this).text());jQuery('#inputid').focus();">текст2</a></p>
<p><a href="javascript:;" onclick="jQuery('#inputid').val(jQuery('#inputid').val()+jQuery(this).text());jQuery('#inputid').focus();">текст3</a></p>
<textarea  id="inputid" ></textarea>

Scheme 12.03.2017 15:04

Manyasha,
Да, то что нужно, спасибо Вам!

Scheme 12.03.2017 18:11

Manyasha,
А можно сделать в место текста вставку тега, например img:
<p><a href="javascript:;" onclick="jQuery('#inputid').val(jQuery('#inputid').val()+jQuery(this).text());jQuery('#inputid').focus();"><img src="" alt=""></a></p>

Извините за второй вопрос!=)

Manyasha 12.03.2017 19:06

Scheme,
так?
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<p><a href="javascript:;" onclick="jQuery('#inputid').val(jQuery('#inputid').val()+jQuery(this).html());jQuery('#inputid').focus();"><img src="http://files.softicons.com/download/animal-icons/meow-icon-set-by-iconka/png/64x64/cat_drunk.png" alt="текст1"></a></p>
<p><a href="javascript:;" onclick="jQuery('#inputid').val(jQuery('#inputid').val()+jQuery(this).html());jQuery('#inputid').focus();"><img src="http://files.softicons.com/download/animal-icons/meow-icon-set-by-iconka/png/64x64/cat_box.png" alt="текст2"></a></p>
<p><a href="javascript:;" onclick="jQuery('#inputid').val(jQuery('#inputid').val()+jQuery(this).html());jQuery('#inputid').focus();"><img src="http://files.softicons.com/download/animal-icons/meow-icon-set-by-iconka/png/64x64/cat_fight.png" alt="текст3"></a></p>
<textarea  id="inputid" rows="4" cols="60"></textarea>

Scheme 12.03.2017 19:12

Да, так!
За креативность, отдельное спасибо!:)


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