I would like to insert an object inside a range object, at a desired cursor position, crossbrowser

I have so far (function is fired onclick="insertObj(event)" )
PHP Code:
<script language="JavaScript" type="text/JavaScript">
function 
insertObj(e){
    var 
posx 0;
    var 
posy 0;
    if (!
e) var window.event;
    if (
e.pageX || e.pageY)
    {
        
posx e.pageX;
        
posy e.pageY;
    }
    else if (
e.clientX || e.clientY)
    {
        
posx e.clientX
        
posy e.clientY
    }
if(
document.getElementsByTagName('body')[0].createTextRange){//IE
var rdocument.getElementsByTagName('body')[0].createTextRange();
}
else{
//Moz
var r=document.createRange();
r.selectNode(document.getElementsByTagName('body')[0])
}
r.collapse(true);
var 
t=document.createTextNode('BLA');//the object to be inserted
r.insertNode(t)//this works for Moz only. Anyway the insertion is at the beginig of range object
}
</script> 
I have two problems now.

Q1. Which method could be IE equivalent of insertNode()?
Q2. How can I insert the object at the desired mouse posx, posy (insert an object onclick at the cursor's position)? IE has some method as moveToPoint(), but I can not verify until I find the answer at Q1.

Any ideeas?