Вмъкване на текст на мястото на курсора

[chalgoman]

Значи става въпрос за следното. Имам една textarea. В нея има някакъв текст написан. И ако щракна с мишката някъде посредата на текста, искам като натисна след това някой бутон, да се вмъква определен текст точно там където съм щракнал.
За сега използвам този код:

<input type=button onClick="text.value=text.value+'texttext'">
<textarea name=text></textarea>

Обаче при него винаги текста се вкарва в края. Надявам се да сте ме разбрали. .

 

[mute]

мисля че е неръзможно поне несъм виждал някъде реализания на такова нещо дори тук в форума като натиснеш промерно бутончето за URL то се появява в края след текста които си написал до момента[/url]

 

[chalgoman]

мисля че е неръзможно поне несъм виждал някъде реализания на такова нещо дори тук в форума като натиснеш промерно бутончето за URL то се появява в края след текста които си написал до момента[/url]

Я пробвай да натиснеш някое Emoticon. Ще се появи където е курсора

 

[chalgoman]

Между другото не се бях сетил за това да вида как е написано тук . Мерси за идеята. А ето и ако на някой му трябва:

<head>
<script language=javascript>
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) == ' ' ? caretPos.text + text + ' ' : caretPos.text + text;
		txtarea.focus();
	} else {
		txtarea.value  += text;
		txtarea.focus();
	}
}

function storeCaret(textEl) {
	if (textEl.createTextRange) textEl.caretPos = document.selection.createRange().duplicate();
}
</script>
</head>

<body>
<a href="javascript:emoticon('#');">#</a>
<form name="post" onsubmit="return checkForm(this)">

<textarea name="message" rows="25" cols="35" wrap="virtual" style="width:450px" tabindex="3" class="post" onselect="storeCaret(this);" onclick="storeCaret(this);" 

onkeyup="storeCaret(this);"> </textarea>

</form>

</body>