Wednesday, September 21, 2011

jQuery UI Frame Dialog - Loading Pane–Revisited

Demo

It’s been awhile since I modified the jQuery UI Frame Dialog plugin to include a loading image/css to display while the iFrame’s content is loaded.  My original post is located here.

I’ve noticed (so have others here, here, etc…) that the iFrame’s content is requested multiple times.  If you’re interest in the reasons why the iFrame’s content is loaded multiple times, you can read about it here and here.  I’ve modified the plugin to avoid the multiple loads issue.  The modified JavaScript file can be downloaded by viewing source on the demo page here.

Again, I’ve tried to contact the original jQuery UI Frame Dialog’s author; however I’ve been unsuccessful.  So, rather than take ownership of the plugin, I’ve modified the version number with a .# extension that will serve as the version number of my modifications.  So, this specific version of the plugin has a file name of: jquery-framedialog-1.1.2.1.js.

I’ve tested the modified plugin on IE 8/9, Firefox 6.0.2, and Chrome 14.0.835.163 and it appears to be avoiding the multiple load issue.

Thanks for reading…

Demo

4 comments:

Unknown said...

Have you tried it against jQuery 1.7.1? Unhelpful error that dialog() is not a method for the object.

tdryan said...

Hello @Unknown. I just replaced jquery 1.6.2 with the 1.7.1 Microsoft cdn version (http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js) and it works as designed and expected. From the looks of your error (...dialog()...), it appears that you do not have jquery ui loaded. dialog() is a jquery ui widget/function. Try loading jquery ui. That should fix your issue...

ficuscr said...

Yeah, I was working with some other code and confused my plugins. Sorry. Realized what I was doing. Thanks for the plugin, I have found it useful.

Biggtech.com said...

Yoru demo link isnt working any more, could you post the source somwhere ?