This jQuery plugin causes links to display their contents within an element on the current page, using a simple AJAX request. Similarly, it modifies forms to submit themselves via ajax and display the resulting content inline in the current page (using the fantastic jquery.form plugin for all the heavy lifting).

The interesting part is that any links or forms within the returned content are automatically decorated to load their content into the same inline element. The overall effect is like a little mini browser window contained inline in the current page.

To try it out, go here: loadInline demo.

Use it like so:


An options object may be given as the only argument to loadInline(), to specify any of the following properties:

The default behavior is to create a fresh <div> for each loadInline() element and display it as a pop-up. When no further navigation is possible, or when ESC is pressed, the pop-up is automatically closed.