Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p><a href="http://fancy.klade.lv/" rel="noreferrer">Fancybox</a> is also another option. Works similarly to Thickbox</p> <p><strong>EDIT:</strong> </p> <p>It appears after some playing around that the plugin does not natively support closing the Fancybox through an child iframe element. I think that this is certainly achievable with a little effort (I started <strong><em>hacking</em></strong> together something <a href="http://jsbin.com/epabi" rel="noreferrer">here</a>, although I stress that this was simply a POC and does not work as the button within the iframe removes the fancybox div wrapper from the DOM and therefore does not display when you click the google image again).I am wondering however, if an iframe is the right lines to go down.</p> <p>For adding a user, my thought would be that you could present the user with a modal form like the one on the <a href="http://jobsearch.monster.co.uk/Browse.aspx" rel="noreferrer">Monster site you get when you click 'Sign In.'</a> Once you click add user, make an AJAX call to your datasource to insert a new user and then on returning success, you could either initiate a page refresh or use AJAX to update the list.</p> <p>For editing a user, once a user is selected, you could make an AJAX call with a user id to populate a modal form with the user details retrieved from your data source when the AJAX call returns success. Once you have finished editing the user, make an AJAX call to update your datasource and then again, initiate a page refresh or use AJAX to update the list.</p> <p>Instead of the page refresh or final AJAX call in each scenario, you could simply use JavaScript/jQuery to update the list/ list details, depending on whether a user has been added or edited, respectively.</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload