jQuery and Highslide JS

08 January 2008   4 comments   Javascript


Powered by Fusion×

If you use the wonderful Javascript library jQuery and the wonderful (standalone) Javascript plugin Highslide JS of recent version you should be aware of something.

As of recent versions of Highlide the way the Expander function works is that it looks at an element's onclick attribute and not it's attached events which means that if a DOM element has the event but not the attribute you get a Javascript error. In older versions of Highslide you were able to do this:

$('a.highslide').click(function() {
   return hs.expand(this, options);

But that's no longer working since the attribute isn't set. Here's the new way of doing it:

$('a.highslide').each(function() {
   this.onclick = function() {
     return hs.expand(this, options);


Hi Peter!
I would like to call up Highslide for every markup putting this script in the header...but it doesn't work! Could you maybe help? Thank you!! ~Lukas

<script type="text/javascript">
this.onclick = function() {
return hs.htmlExpand(this, { objectType: 'iframe' } );
Peter Bengtsson
I think there's a forum on the Highslide website. Ask there.
Hi, Lukas!
Try putting that script in the body of the document.
//or just use it like this ;)

$(document).ready(function() {
$('a.highslide').each(function() {
this.onclick = function() {
return hs.expand(this);

Your email will never ever be published

Related posts

The Love Mattress 06 January 2008
input/textarea switcher with jQuery 11 January 2008
Related by keywords:
Difference between $.data('foo') and $.attr('data-foo') in jQuery 10 June 2012
Why I gave up on JQuery UI's autocomplete 20 October 2010
Lesson learnt with creating DOM element with jQuery 04 April 2008
In jQuery, using the :visible selector can be dangerous 14 September 2010
Why Django and Grok matters 02 February 2008
QUnit testing my jQuery Mobile site in full swing 17 March 2011
AJAX accelerated web widgets 23 June 2005
JetBlue a good and bad website 22 February 2007
To $('#foo p') or to $('p', $('#foo')) 24 February 2009
RememberYourFriends.com running jQuery 18 January 2007