title: How to load iframe on top of content in a neat sticky window with jquery
body: <p>Im integrating a simple chatbox application into my site, which is simply added by iframeing chat.php</p>
  
  <p>I dont have a static place to put this on the webpage, and I want to load the iframe on top of the site's content on the top right (with ajax), which would remain visible unless I X it out at the top. </p>
  
  <p>Auto-triggering the chatbox to load between page loads once its enabled (by checking the session that it wrote when the chatbox was first enabled) would also be nice. </p>
  
  <p>I use the jquery framework, but Im not that proficient at it. Site is written in php.</p>
  
  <p>What I was thinking is this</p>
  
  <p>I have an empty div with id <em>chatbox</em>. When someone clicks a link to see the chatbox, it loads chat.php inside that div in an iframe, and adds a class to the div that would position the div in the top right corner. </p>