This release fixes a few bugs and adds a few new features. For a full changelog, please see JCE Utilities Changelog

Download JCE Utilities 2.2.3

Autopopups

One of these new features is the ability to create popups of any media type, that open automatically when the page loads. This will only happen for the first popup of this type identified on the page, and the popup link must have a unique id. For example, to create an autopopup that loads only once per browser session (if the user closes their browser and returns to the page the popup will activate again, but if they navigate back to the page later in the same session, it will not), add autopopup-single to the link class, for example :

<a href="/link.html" class="jcepopup autopopup-single" 
type="text/html" id="autopopup"></a>

To create an autopopup that loads everytime the page is viewed, use autopopup-multiple, for example:

<a href="/link.html" class="jcepopup autopopup-multiple" 
type="text/html" id="autopopup"></a>

Open and Close functions

It is now possible to open and close a popup using external commands which might be triggered from within a popup page in the case of the close command, or from an onclick event in the case of open.

The close() command will close the currently open / active popup and is called as a javascript function on the jcepopup object, for example:

<a href="#" onclick="jcepopup.close();">Close</a>

The open() command is executed in the same way, but a set of arguments must be passed in the function call, the popup url, title, group, type and parameters. The paramters value must be an object of key / value pairs. For example:

<a href="#" onclick="jcepopup.open('http://www.google.com', 'Google', 
'external_links', 'iframe', {width:800,height:600})"></a>

Hiding a popup link

Popup links and their child elements can be hidden by adding noshow to the class, for example:

<a href="/image.jpg" class="jcepopup noshow">text</a>

This can be useful for hiding an autopopup popup link, or hiding additional image popup links so as to create an image gallery launched from a single image popup. For example:

flowers2 flowers3

Dynamic Themes

A new configuration option allows you to specify whether you want to allow the ability to change the popup theme dynamically. If set to Yes, passing the theme name in the page url will change the theme for that page, for examples, see below. The current list of themes is:

• Standard - the standard theme
• Light - A Lightbox inspired theme
• Shadow - A Shadowbox type theme
• Squeeze - A Squeezebox inspired theme