Append text to iFrame body where users mouse is "blinking"
<p>I need to append a face icon to the body of a iframe. The problem I am having is that it is put at the end of the body, not where the user has the insertion point.</p>

<p>Here is the code I have so far,</p>

<pre><code> &lt;iframe style=""name="content" id="content" width="758" height="200" onload="javascript:load();"&gt;&lt;/iframe&gt;


function angleFace()
{
$("#content").contents().find("body").append('&lt;img title="Angle" src="/media/angle.png" alt="Angle"&gt;');
}
</code></pre>

<p>I want the face to be put wherever the users insertion point is at. Right now the face is being put at the end of the document.</p>

<p>Side note - You type into the iFrame then on the submit it is transfered to the textarea then entered into the database.</p>
