מה המטרה בדיוק? יצרתי קוד זהה לזה לפני כמה זמן בלי להסתבך ככה, אולי תרצה להשתמש בו.
קוד:
insertContent : function(content,eID) {
var txtarea = document.getElementById(eID);
var strPos = 0;
var br = ((txtarea.selectionStart || txtarea.selectionStart == '0') ?
"ff" : (document.selection ? "ie" : false ) );
if (br == "ie") {
txtarea.focus();
var range = document.selection.createRange();
range.moveStart ('character', -txtarea.value.length);
strPos = range.text.length;
}
else if (br == "ff") strPos = txtarea.selectionStart;
var front = (txtarea.value).substring(0,strPos);
var back = (txtarea.value).substring(strPos,txtarea.value.length);
txtarea.value=front+content+back;
strPos = strPos + content.length;
if (br == "ie") {
txtarea.focus();
var range = document.selection.createRange();
range.moveStart ('character', -txtarea.value.length);
range.moveStart ('character', strPos);
range.moveEnd ('character', 0);
range.select();
}
else if (br == "ff") {
txtarea.selectionStart = strPos;
txtarea.selectionEnd = strPos;
txtarea.focus();
}
return false;
}
תעביר בcontent את התוכן וeID את הID של האלמנט
ביקשת דוגמא:
קוד:
<a href='javascript:;' onclick='insertContent(":smile:","inputID");'><img ... /></a>
<input id='inputID' type='text' />
בהנחה ששם הפונקציה הוא insertContent, פה לקחתי את זה כחלק מאובייקט, צריך לשכתב.