moo.rd - Docs - virtual

CORE

constructors.js type.js browser.js overlay.js

NATIVE

string.js array.js string_php.js element.js

TABLE

table_rows.js table_cells.js table_cols.js

MAKE

make_table.js make_list.js make_select.js

CUSTOMIZE

custom_base.js custom_windows.js smooth_scrolling.js

EFFECTS

effects_base.js effects_morph.js effects_fade.js effects_move.js effects_extra.js effects_toggle.js effects_cycle.js effects_cycles.js

VIRTUAL BOX

virtual_base.js virtual_box.js virtual_ajax.js virtual_html.js

PLUG-IN

kwick_menu.js glider.js tutorial.js tabs.js

virtual_html.js

Contains the Virtual.HTML and Virtual.HTML.single Classes to create customizable and flexible light boxes of static HTML content

Contains

Class Virtual.HTML, Class Virtual.HTML.single

Requires

virtual_base.js overlay.js browser.js type.js

Summary

Virtual.HTML		Custom Class to create ajax virtual boxes
Virtual.HTML.single		Custom Class to create single virtual html boxes

top class Virtual.HTML

Custom Class to create html virtual boxes.Applies the virtual html effect to each link which has 'virtualhtml' as value of the classname property.

Extends

Virtual

Constructor

new Virtual.HTML (options)

Properties

options

optional. an object which permits to customize the virtual boxes

Options

Virtual Options

the options of the Virtual Class

Note

You can set the dimensions of the virtual box and the contents of the caption by setting the title property of each link in this way:'width :: height :: title :: content', where the separator is the ' :: ' string

Example

 // applies the virtual html effect to each link which has 'virtualajax' as value of the classname property 
 var virtual = new Virtual.HTML({
	enable: {
		arrows: false,
		caption: false
	},
	effect: 'open',
	style: false,
	contents: ['<p>Simple Vitual.HTML</p>', '<div><b>More Complex <i>Virtual.HTML</i></b></div>']
 });
 
 // the HTML
 <a href="#" class="virtualhtml" title="460 :: 340">static content</a>

top class Virtual.HTML.single

Custom Class to create single virtual html boxes. Applies the virtual html effect to the given link.

Extends

Virtual.HTML

Implements

Virtual.single

Constructor

new Virtual.HTML.single (element, options)

Properties

element		the element to apply the effect to
options		optional. the options

Options

Virtual Options		the options of the Virtual Class
content		the HTML content of the virtual box

Example

 // applies the virtual html effect to the 'myElement' link
 var virtual = new Virtual.HTML.single('myElement', {
	style: false
	effect: 'open',
	content: '<div><b>More Complex <i>Virtual.HTML</i></b></div>'
 });
 
 // the HTML
 <a id="myElement" href="#" title="460 :: 340">static content</a>

Documentation By Riccardo Degni - powered by MakeDocs, CMS by RD
The moo.rd documentation is released under the Creative Commons BY-NC SA License