Hi!
I am using jquery in richfaces to add an image when a user clicks somewhere (div.demo), to do that i am using ranges.
My problem lies here
"<img class='pin' src='./resources/pin_org.png'/>"
<rich:jQuery
selector="div.demo"
query="click( function(e) {
var range, pin;
if (document.selection){
range = document.selection.createRange();
var newRange = range.duplicate();
newRange.setEndPoint( 'StartToEnd', range);
newRange.pasteHTML("<img class='pin' src='./resources/pin_org.png'/>");
}else{
range = window.getSelection().getRangeAt(0);
pin = document.createElement('img');
pin.setAttribute('class','pin');
pin.setAttribute('src','./resources/pin_org.png');
range.insertNode(pin);}});">
</rich:jQuery>