Please Help: Tag insertion Script always scrolls to top when tags are inserted

My tag insertion script is used to place tags into a text area around highlighted text when a button is pressed. For example…bold button would place bold tags around highlighted text.

[B]In Firefox only[/B]: If the textarea contains enough text that it has to scroll, the script no longer works properly.

If you scroll to the bottom of the textarea and press the bold button, it adds the tags; however, it also automatically scrolls to the very top of the textarea every time.

My codeis as follows:

[INDENT]<script type=”text/javascript”>
<!–
function formatText(el,tagstart,tagend) {
if (el.setSelectionRange) {
el.value = el.value.substring(0,el.selectionStart) + tagstart + el.value.substring(el.selectionStart,el.selectionEnd) + tagend + el.value.substring(el.selectionEnd,el.value.length)
}
else {
var selectedText = document.selection.createRange().text;

if (selectedText != “”) {
var newText = “<” + tag + “>” + selectedText + “</” + tag + “>”;
document.selection.createRange().text = newText;
}
}

}
//–>
</script>

<input type=”button” value=”bold” onclick=”formatText(document.getElementById(‘myta’),'<b>’,'</b>’)”/>
<br />
<textarea id=”myta” rows=”10″ cols=”30″></textarea>
<br />
<input type=”submit” value=”SUBMIT” />[/INDENT]

Is there any way to avoid this most annoying glitch?

Thank you ?

Also in #JavaScript _↴