→ Пошук по сайту       Увійти / Зареєструватися
Знання Мова програмування JavaScript

Робота з textarea в Javascript

Одним з ключових елементів сайту є організація взаємодії з користувачем, яка може організовуватись через можливості коментування і форуми. Щоб надати користувачу додаткові можливості форматування тексту свого повідомлення за допомогою тегів HTML або BB, необхідно задіяти динамічну вставку тексту у відповідне місце поля textarea.

Нижче подано приклад, що демонструє принципи роботи з виділеним текстом textarea.

Функція clc() заключає виділений текст поля textarea у теги </b>, </b>.
<html>
<script>
function clc(){
var el=document.getElementById("area");
el.focus();
if (el.selectionStart==null){
	var rng=document.selection.createRange();
	rng.text="<b>"+rng.text+"</b>"
}
else{
    var start=el.selectionStart; // Запам'ятати позиції виділення
    var end=el.selectionEnd;

	el.value=el.value.substring(0,el.selectionStart)+
    "<b>"+
	el.value.substring(el.selectionStart,el.selectionEnd)+
	"</b>"+
    el.value.substring(el.selectionEnd);

    // Поставити курсор в необхідну позицію 
	el.selectionStart=start+"<b>".length;
    el.selectionEnd=el.selectionStart;
	
}
}

</script>
<body>
<textarea id="area" rows="20" cols="100">
text text text
</textarea>
<br />
<button onclick="clc()">Click</button>
</body>
</html>

Спробувати


загрузка...
Теми розділу
Сторінки, близькі за змістом