Cómo llamar jQuery colorbox con javascript onClick evento en lugar de un enlace?

Question

Quiero llamar a colorbox usando javascript en lugar de un enlace href?

¿Alguien sabe cómo puedo hacer esto?

gracias.

Answer 1

Esto está fuera de mi cabeza. Pero creo que se podría hacer algo como esto:

<script type="text/javascript"> 
function call_cbox() 
{ 
    jQuery.colorbox({html:'<p>Hi There I was instantiated onclick!</p>'}); 
} 
</script> 
<a href="#" onclick="call_cbox(); return false;">Give me a colorbox... NOW! And don't forget the color.</a> 

Answer 2

Los ejemplos anteriores no funcionó para mí, pero utilizando la misma idea, esto hace el trabajo:

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

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

Answer 3

Una mezcla de las dos respuestas anteriormente trabajó para mí:

<script> 
function call_cbox() 
{ 
jQuery().colorbox({width:"900px", height:"600px", iframe:true, href:"/newsletter.html"}); 
} 
</script> 

Answer 4

$("tr").click(function() { 

    $.colorbox({width:"900px", height:"600px", iframe:true, href:"http://www.google.com"}); 

});