JavaScript

Здравствуйте!

Вот уже какой месяц

меня мучает проблема с JavaScript в Opera.

Суть проблемы: многие знают, что opera начала поддерживать document.selection только с 8-ой версии, что не есть хорошо...

Но вот проблема, мне неохдимо сделать форму встевки тегов такой схемы:
В начале
Code:


Текст_Текст_Текст_Текст_ВЫДЕЛЕННЫЙ_ТЕКСТ_Текст_Текст_Текст_Текст_КУРСОР

Дальше активируем кнопку вставки тега
Code:


Текст_Текст_Текст_Текст_[ТЕГ]_ВЫДЕЛЕННЫЙ_ТЕКСТ_[/ТЕГ]_Текст_Текст_Текст_Текст_КУРСОР

Только мне никак не удается переместить курсор в конец всей формы ввода, ибо она находится вне области выделения. Расширить область выделения у меня не получается.

Пожалуйста, помогите! Бьюсь над этим уже очень давно, и очень сделать хотелось бы.

С Другими браузерами все прекрасно работает, так как с селекцией у них все более-менее в порядке.

Вот код, он расчитан только на оперу, так как для остального можно будет просто позже вставить...чтобы не отвлекало...
Code:


<script language="JavaScript" type="text/javascript">
<!--
function tagHandler(id) {
    this.target = document.getElementById(id);
    this.target.parent = this;
    this.target.onChange = positionSaver;
    this.target.onclick = positionSaver;
    this.target.onkeyup = positionSaver;
    this.target.onfocus = positionSaver;
}
tagHandler.prototype.insert = function(open, close) {
    if (typeof(this.cursor) != "undefined") {//Opera 8.0
        if (this.cursor.text.length) {//Если имеется выделение - НЕ РАБОТАЕТ
            this.cursor.text = open + this.cursor.text + close;//Обводим выделенное тегами
            //Здесь надо поставить курсор в самый конец всей textarea
        } else {//Если имеется курсор без выделенного участка строки - ВСЕ РАБОТАЕТ
            this.cursor.text = open + close;//Вставляем теги на место курсора
            this.cursor.moveEnd("character", -close.length);//Ставим курсор между тегами
        }
        this.cursor.select();//Переносим селекцию
        return;//Завершаем работу функции.
    }
}
function positionSaver() {
    if (document.selection && document.selection.createRange)//Opera 8.0
        this.parent.cursor = document.selection.createRange().duplicate();
}
/* * * * * * * * * * * * * * * * * * * */
onload = function() {
	tag = new tagHandler("area");
}
// -->
</script>
<form>
    <textarea id="area" cols="100" rows="20"></textarea>
</form>
<a href="javascript:tag.insert('[b]', '[/b]');">[b]</a> <a href="javascript:tag.insert('[i]', '[/i]');">[i]</a>

Заранее благодарен, GZep.

javascript:(function(){var ta =
window.document.getElementsByTagName('textarea'); var tl=ta.length-1; if(tl<0){return}; do{var t=ta[tl]; tl--}
while(tl>-1&&t.rows<5);var s=document.selection.createRange();var st='[tag]'+s.text+'[/
tag]';s.text=st;t.setSelectionRange(t.value.length, t.value.length);t.focus();})()

tagHandler.prototype.insert = function(open, close) {
if (typeof(this.cursor) != "undefined") {//Opera 8.0
if (this.cursor.text.length) {//Если имеется выделение - НЕ РАБОТАЕТ
this.cursor.text = open + this.cursor.text + close;//Обводим выделенное тегами
// this.cursor.move("textedit", 1);//Ставим курсор в конец
var t=document.getElementById("area");
t.setSelectionRange(t.value.length, t.value.length);
t.focus(); //Переносим фокус
} else {//Если имеется курсор без выделенного участка строки - ВСЕ РАБОТАЕТ
this.cursor.text = open + close;//Вставляем теги на место курсора
this.cursor.moveEnd("character", -close.length);//Ставим курсор между тегами
this.cursor.select();//Переносим селекцию
}

return;//Завершаем работу функции.
}
}