Highslide JS API Reference

Close Move
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam dapibus leo quis nisl. In lectus. Vivamus consectetuer pede in nisl. Mauris cursus pretium mauris. Suspendisse condimentum mi ac tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec sed enim. Ut vel ipsum. Cras consequat velit et justo. Donec mollis, mi at tincidunt vehicula, nisl mi luctus risus, quis scelerisque arcu nibh ac nisi. Sed risus. Curabitur urna. Aliquam vitae nisl. Quisque imperdiet semper justo. Pellentesque nonummy pretium tellus.
Resize

Object: hs

Variables

Functions

Events

Object: hs.Expander

Variables

Functions

Events



hs.objectType

One of 'ajax', 'iframe' or 'swf'. Defines how you want to display the link target.
Using objectType with hs.htmlExpand you can choose to display the link's href in either an iframe or within the page using AJAX to retrieve the content. The objectType can also be 'swf' to display Flash content. See the tutorial under AJAX content, Iframe content and Flash content for further explanation.

Details

Requires html
Type string
Default value null
Overrideable inline Yes

Example

1) AJAX content

<a class="highslide" href="../include-short.htm" 
      onclick="return hs.htmlExpand(this, { objectType: 'ajax'})">
   Click to open
</a>

Click to see the effect. Note that when using AJAX, the inserted content takes the styles of the parent page.

Click to open

2) Iframe content

This is the exact counterpart to AJAX content.

<a class="highslide" href="../include-short.htm" 
      onclick="return hs.htmlExpand(this, {  objectType: 'iframe'})">
   Click to open
</a>

Click to see the effect. On the contrary to AJAX, iframe popups take the styles defined in the included page itself.

Click to open

3) Flash content

Include a Flash movie. Additional Flash options are set through the hs.swfOptions object.

<a class="highslide" href="../Flash.swf" 
	onclick="return hs.htmlExpand(this, {  objectType: 'swf', 
	objectWidth: 300, objectHeight: 250 })">
   Click to open
</a>

Click to see the effect.

Click to open

See also

New, Edit