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>