load

I'm making an Ajax call which returns me some info including an image path. I prepare all this information in my HTML which will be displayed as a kind of popup. I just toggle the visibility of by popup div from hidden to visible. To set the position of my popup div, I have to calculate depending on the height of the image. So, I have to wait for the image to load to know its dimension before setting position and switching visibility to visible. I tried tricks with recursion, setTimeout, complete img property, while loop... without success. So, how can I do this? Maybe I should return

I want to load an iframe on click, this is what I have so far: $("#frame").click(function () { $('this').load("http://www.google.com/"); }); It doesn't work. This is the complete code: JS Bin Dogbert $("#button").click(function () { $("#frame").attr("src", "http://www.example.com/"); }); HTML: <div id="mydiv"> <iframe id="frame" src="" width="100%" height="300"> </iframe> </div> <button id="button">Load</button> Try $(this).load("/file_name.html"); . This method targets a local file. You can also target remote files (on another domain) take a look at: http://en.wikipedia.org/wiki/Same_origin