Documentation:

To install the iframeFitContent plugin, download jquery-iframefitcontent.min.js and link to the script after installing jQuery 1.4.x. Then in a new script block call the .iframeFitContent(); method on a jQuerified object which contains a reference to iframes you’d like the plugin to resize.

To run the plugin on all iframes use the following code:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<script src="http://www.yourserver.com/js/jquery.iframefitcontent.js" type="text/javascript"></script>
<script type="text/javascript">
	$('iframe').iframeFitContent();
</script>

To add padding to the bottom of your iframe add the padding parameter as follows. Note the padding value must be set as an number.
Or apply the re-size to either height or width:

    $('iframe').iframeFitContent({ resize : 'height' });

Current version: 1.0
Compressed filesize: 1.112 kb
License: MIT

Files:

Download
Demos
GitHub Repository

Dependencies

• jQuery 1.4.x

Support

• Please post bug reports and other contributions ( enhancements, features ) to the gitHub issues tracker.

During this presentation I referenced the excellent tutorial covering filter vs find at jQuery for Designers

I was pretty hesitant to get started with AJAX. I uderstood that it was used to make refresh free pages and transfer data, so it seemed a bit outside my comfort zone. Even the acronymn is difficult for designers to grasp, Asynchronous JavaScript and XML.  Much of the code seems pretty arcane to those of us who are unfamiliar with OOP techniques.

Here’s the thing.  AJAX make JavaScript easier to work with and in the case of jQuery, it’s much easier. Of course AJAX is still able to transfer data XML, JSON etc, but for me it’s all about creating nifty user interfaces. Using AJAX means that I don’t have to spend an inordinate about of time worrying about browser specific JavaScript syntax, browser detection and can focus on getting UI’s to work well and look good.

While there are numerous libraries to pick from I use jQuery and highly reccomend it. I also reccomend Remmy Sharp’s blog jQuery for Designers it’s a fantastic resource for tutorials on jQuery.

Getting started with jQuery is pretty easy. Im going to cover the following in this tutorial.

1. loading jQuery into your webpage using Google’s Ajax Libraries
2. creating a “Hello World!” sample
3. Listening for a click