Loading...
 
Skip to main content
Load data into a DIV using AJAX or in an IFRAME
4
Page actions
PDF Print Get a short URL Open in WebDAV

Plugin AJAX Load

This wiki plugin, introduced in Tiki14.1, can be used to load HTML into a wiki page, from another page on the same site or an external site (when used in combination with the access_control_allow_origin pref on Control Panels -> General -> Settings) using AJAX. It also used to include the body of another web page in a wiki page into an HTML IFRAME tag.

Parameters

Load data into an HTML div using Ajax or in an iframe.
Introduced in Tiki 14.1. Required parameters are in bold.
Go to the source code
Preferences required: wikiplugin_ajaxload

Parameters Accepted Values Description Default Since
(body of plugin) JavaScript to run when the data is loaded, the incoming HTML is in a variable called data. You can modify that variable's contents to customise the HTML.
url url Address of the data to load, for example, tiki-index_raw.php?page=Page+Name 14.1
height In pixels or percentage. Default value is auto. auto 14.1
width In pixels or percentage. Default value is 100No value assigned 14.1
class text Class for the div or iframe. 14.1
id text HTML id for the div or iframe. 14.1
selector none jQuery selector to retrieve part of the page when using Ajax, for example, #page-data 14.1
target none Where to load the Ajax data into (will create own DIV if not supplied. When using iframe if JavaScript is disabled it will appear where the plugin is in the page. 14.1
mode (blank)
div
iframe		 Choose whether to load data into an HTML div using Ajax or in an iframe. div 26.1
responsive (blank)
16by9
4by3
no		 Make the display responsive so that browsers determine dimensions based on the width of their containing block by creating an intrinsic ratio that will properly scale on any device. 16by9 26.1
scrolling (blank)
yes
no
auto		 Choose whether to add a scroll bar 26.1
absolutelinks (blank)
src
href
none		 Convert relative links in the incoming data to be absolute. Default value is "All". 14.1

Examples

Basic Example

Copy to clipboard
{AJAXLOAD(url="http://example.com/tiki-index.php" selector="#page-data")}alert(data.length + " bytes of data received");
{AJAXLOAD}

Superfish menu from a structure

In order to make page loading faster you can use AJAXLOAD to load a menu from a structure asynchronously. Put the menu in a module in a page (here called "structure menu test") and add this to a wiki enabled custom module (here called "test_structure_menu") and assign it to the topbar module zone ( warning: if you leave out the {literal} tags you will probably make your tiki unusable and will need to edit the database to get it back!).

Copy to clipboard
{literal}{AJAXLOAD(url="tiki-index_raw.php?page=structure+menu+test" selector="#structure_menu")}
setTimeout(function () {$("#mod-test_structure_menutopbar1").superfish();}, 500);
{AJAXLOAD}{/literal}


Related Plugins: PluginIframe, Pluginincludeurl

History Source Comments
Slideshow