jQuery thickbox : Close lightbox from the event of the iframe page content

jquery thickbox
Shyju picture Shyju · Jun 18, 2009 · Viewed 9.4k times · Source

I have implemented the jquery thick box in my page to show another page content in the light bix.I used the iFrame mode of thick box to do this.Now i have a asp.net link button in the page which is being show in the light box. I want to close the light box from client side when this link(in the inner page) is clicked .Which function i have to use ? Any advice ?

Answer

Pierre Gayvallet picture Pierre Gayvallet · Jun 18, 2009

The method used to close the thickbox is tb_remove()

To call it from an iframed content, you just have to call the method for the iframe parent.

So

parent.tb_remove()

Should do the trick.

Just add the event on your link ( embed seem the easier way )

<a href="#" onClick="javascript:window.parent.tb_remove()"> ... </a>

Related questions

jQuery .ready in a dynamically inserted iframe

We are using jQuery thickbox to dynamically display an iframe when someone clicks on a picture. In this iframe, we are using galleria a javascript library to display multiple pictures. The problem seems to be that $(document).ready in the …

Read More
How can I simulate an anchor click via jquery?

I have a problem with faking an anchor click via jQuery: Why does my thickbox appear the first time I click on the input button, but not the second or third time? Here is my code: <input onclick="$('#…

Read More
How to load external content to a div using jquery (think embedded lightbox)

Using Thickbox is great it allows me to load external sites into the thickbox and they retain their functionality, appearance, etc. I know how to load simple content into a div with jquery but I am stuck on how to …

Read More