Запомнить положение фокуса JQuery
Люди подскажите как в textarea с помощью JQuery запомнить положение фокуса
Мне это нужно для того чтобы создать собственный редактор Как к примеру на этом форуме После нажатия на иконку B вставляются теги именно в то место на котором стоит фокус У меня лишь получается вставлять теги в конец текста находящегося в textarea Я не знаю как это сделать Искал в инете но не нашел того что нужно |
gunsoy, вот например статейка...
Это примерчик из неё... В ИЕ8 работает.
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
function tag(text1, text2) {
if ((document.selection)) {
//document.form.msg.focus();
document.form.document.selection.createRange().text = text1+document.form.document.selection.createRange().text+text2;
} else if(document.forms['form'].elements['text'].selectionStart!=undefined) {
var element = document.forms['form'].elements['text'];
var str = element.value;
var start = element.selectionStart;
var length = element.selectionEnd - element.selectionStart;
element.value = str.substr(0, start) + text1 + str.substr(start, length) + text2 + str.substr(start + length);
} else document.form.msg.value += text1+text2;
}
</script>
</head>
<body>
<form name="form" method="post">
<p>
<a href="#form" onclick="javascript:tag('[ b]', '[/b]');">Жирный текст</a>
<a href="#form" onclick="javascript:tag('[ i]', '[/i]');">Наклонный текст</a>
<a href="#form" onclick="javascript:tag('[ u]', '[/u]');">Подчеркнутый текст</a>
</p>
<textarea cols="43" rows="8" width="20" name="text"></textarea>
</body>
</html>
|
| Часовой пояс GMT +3, время: 12:00. |