title: Prevent greybox from closing
body: <p>I don't really know how to describe my problem, but on the project im currently working an employee can add a timerule. This timerule is being filled out in a greybox iframe popup that links to a new page. </p>
  
  <p>If someone clicks outside the greybox, the greybox dissapears and the old page (where the button 'add timerule' is located) re-appeares. The problem is that some employees sometimes accidently click outside the popup and therefore lose their data. </p>
  
  <p>My assignment is to prevent the popup from closing when someone clicks outside of the greybox (like, clicking on the grey area around it, that would normally close it). </p>
  
  <p>I've tried using the jQuery focusout method on the div that was created, but that doesnt seem to work for iframes.</p>
  
  <p>Any advice?</p>
  
  <p>The button that gives the greybox/popupbox:</p>
  
  <pre><code>&lt;input type="button" name="todo_invoeren" value="Tijdregel" style="width: 100px;" onclick="return GB_showCenter('Toevoegen tijdregel aan melding 269596', '../../../hoofdmenu/modules/todos/index.php?meld_id=269596&amp;onsite=1', 350, 1150);" '=""&gt;
  </code></pre>
  
  <p>If you click that, you get send to a new page which will use the $_GET that was added. Inside the greybox is just an additional form placed in a div which the employee should fill out. I don't really know what i should add regarding implementation.</p>