How to call jQuery colorbox with javascript onClick event instead of a link?

javascript jquery colorbox
DemonXTC picture DemonXTC · Dec 10, 2010 · Viewed 48.2k times · Source

I want to call colorbox using javascript rather than a href link?

anyone know how I can do this?

thanks.

Answer

Memohotel Trip Organizer picture Memohotel Trip Organizer · Jun 14, 2011

The previous examples didn't work for me, but using the same idea, this does work:

<script>
function lightbox(){    
  $.colorbox({width:"80%", height:"80%", iframe:true, href:"/pagetoopen.html"});
}
</script>

<input type="button" value="open the box" onClick="lightbox()"/>

Related questions

X-Frame-Options SAMEORIGIN blocking iframe on my domain

i'm using http://www.jacklmoore.com/colorbox to display the content of an url in a lightbox. after implementation, the colorbox did'nt showed anything. Later, i noticed the following error in chrome logs: Refused to display document because display forbidden …

Read More
How do I use colorbox to show hidden divs on my page without hardcoding?

I'm using Colorbox to show the html content of hidden divs on my page. I can get this to work perfectly with the following: $("a.colorbox").colorbox({width:"600px", inline:true, href:"#344"}); This will show the div with the ID …

Read More
Colorbox: Calling colorbox.close

I'm working on a project that uses the velocity templating system, so the $ character is reserved, and cannot be used in javascript variable names. As such, I have to prefix jQuery variables and methods with jQuery, rather than $, e.g. …

Read More