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

jquery thickbox
user44585 picture user44585 · Feb 26, 2009 · Viewed 27.5k times · Source

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 load external content to a div in a page (preferably via onload event) and have that div act like Thickbox and retain the functionality and appearance without the popup thickbox window.

All of the sites are in different child directories but have the same parent.

I hope I explained it well enough.

I am using jquery 1.3.1.

Answer

Shahid picture Shahid · Sep 24, 2011

Using jQuery load function is great.

A simple example of code is $('#result').load('simple/test.html'); where #result is the div where you will load external file and simple/test.html is the html page path to load.

For more info just go to http://api.jquery.com/load/ and follow the instructions.

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
refresh parent window after closing thickbox window

I am using Thickbox 3.1 for a login form, using the iframe version. I want to close the iframe (child) window, then refresh the parent window. This closes the iframe window, but I need to somehow set it to refresh the …

Read More