#IBOX GLOBAL CODE#

TopSupport for JavaScript-disabled Browsers This can be done with iBox.showURL('my_url') or iBox.show('html') as well as iBox.show(htmlNode). var iBoxPlugin_YouTube = function() īackground: url('images/closelabel.gif') īackground: #fff url('images/loading.gif') center center no-repeat Default Plugin's are stored in a special namespace so you won't have to worry about that. You will need to decide on a name, that doesn't conflict with any existing plug-in names.

After you've got a workspace available, let's go ahead and create the plug-in. This file must be loaded after ibox.js is loaded. The first thing you'll want to do is create a file to hold your plug-ins. Creating PluginsĬreating your own plug-ins is simple, and requires very little JavaScript knowledge. The default plug-in if nothing matches is the Document handler. All document types that it handles by default are actually built as plug-ins. We have used CSS to set its display property to none, but using iBox, you can clearly see it as an overlay. If you were to view source, you would find a div called 'inner_content'. Support is also given for embedded containers so you don't need to perform a page request for a document. Ibox-ajax-test.html Source ibox-ajax-test.html TopInline Containers This is achieved in the same fashion as an image, but instead of showing the image, it shows the document you are linking to. IBox supports overlaying documents as well as the standard images.

IBox easily supports the standard overlay of images, in many sizes, and will automatically scale down the window if the browser's viewpane is too small. IBox by default supports several document types, but is extensible via plug-ins that will allow you to match content based on the URL.

This is deprecated, use the target option instead. IBox also supports some arguments via standard anchor attributes. If you don't specify the target option, and you have the target attribute ( target='_blank'), you can specify this option to tell iBox to ignore the target attribute. The target document to load (if different than the document in the href attribute).Įxample rel='ibox&target=my-js-document.html' rel='ibox&target='index.php?page=&my-js-document'' Any of the argument values may be wrapped in quotations (single or double, depending your use of the rel tag) to stop the & (&) from evaluating. These are specified in the rel='ibox' line. There are several arguments available on your iBox controls. The amount of time in milliseconds for each fade step. The default width of iBox containers when none is specified. Warning: Do not turn this on if your page is using frames!Īn array of tag types to hide when iBox is visible. If this is set to true, iBox will always try to use the main window when in an iframe (if it exists) to call itself from. The minimum margin surrounding iBox and the page for automatic resizing.

#IBOX GLOBAL CODE#

The recommended way of changing these is to create a new javascript file, or include the javascript code in your header, after the lines to initialize iBox. IBox includes several configuration options you may want to change to suit your needs. Now that you have the files needed, you simply can tag rel='ibox' on to an tag that you want iBox to take over. Make sure the paths for these are correct before continuing. Note: If you are using the Wordpress plug-in it automatically includes the following lines in your header. You need to include two lines at the top of your page:

Ibox global