Comments on: No iFrames! Dynamically Resize Divs with jQuery. http://blog.softlayer.com/2012/no-iframes-dynamically-resize-divs-with-jquery/ A Behind the Scenes Look at the Best Hosting Provider in the World Fri, 17 May 2013 09:41:29 +0000 hourly 1 http://wordpress.org/?v=3.4.1 By: Shankar http://blog.softlayer.com/2012/no-iframes-dynamically-resize-divs-with-jquery/comment-page-1/#comment-47335 Shankar Sun, 07 Apr 2013 23:06:49 +0000 http://blog.softlayer.com/?p=8988#comment-47335 Hi Ian, I would love to not use an iframe but I have a requirement to embed a pdf or tif into a html. Is it possible to do it without using an iframe or object? Kind Regards, Shankar Hi Ian,

I would love to not use an iframe but I have a requirement to embed a pdf or tif into a html.
Is it possible to do it without using an iframe or object?

Kind Regards,
Shankar

]]> By: tumba http://blog.softlayer.com/2012/no-iframes-dynamically-resize-divs-with-jquery/comment-page-1/#comment-44759 tumba Wed, 14 Nov 2012 21:16:26 +0000 http://blog.softlayer.com/?p=8988#comment-44759 this tutorial is very helpfully thank you so much this tutorial is very helpfully thank you so much

]]> By: Tips and Tricks – jQuery equalHeights Plugin – SoftLayer Blog http://blog.softlayer.com/2012/no-iframes-dynamically-resize-divs-with-jquery/comment-page-1/#comment-42254 Tips and Tricks – jQuery equalHeights Plugin – SoftLayer Blog Thu, 06 Sep 2012 20:05:52 +0000 http://blog.softlayer.com/?p=8988#comment-42254 [...] month, I posted a blog about dynamically resizing divs with jQuery, and we received a lot of positive feedback about it. My quest to avoid iframes proved to be [...] [...] month, I posted a blog about dynamically resizing divs with jQuery, and we received a lot of positive feedback about it. My quest to avoid iframes proved to be [...]

]]> By: Cassandra Wolff http://blog.softlayer.com/2012/no-iframes-dynamically-resize-divs-with-jquery/comment-page-1/#comment-41562 Cassandra Wolff Fri, 10 Aug 2012 20:12:58 +0000 http://blog.softlayer.com/?p=8988#comment-41562 Hi Ian! I have minimal experience with dynamic iframes, however I just wrote this up pretty quick and tested it. Hopefully this will help: You can attach an ID to an iframe element just as you can with Divs, like so: <pre lang="php"><iframe src="http://softlayer.com" id="iframewidget"> </iframe></pre> And then apply necessary dynamic resizing via JQuery: <pre lang="javascript">var setHeight = document.body.scrollHeight; // this will get the height of the scrollable area of the browser $('#iframewidget').height(setHeight);</pre> Hope this helps! Hi Ian!

I have minimal experience with dynamic iframes, however I just wrote this up pretty quick and tested it. Hopefully this will help:

You can attach an ID to an iframe element just as you can with Divs, like so:

<iframe src="http://softlayer.com" id="iframewidget"> </iframe>

And then apply necessary dynamic resizing via JQuery:

var setHeight = document.body.scrollHeight; // this will get the height of the scrollable area of the browser
 
$('#iframewidget').height(setHeight);

Hope this helps!

]]> By: Ian http://blog.softlayer.com/2012/no-iframes-dynamically-resize-divs-with-jquery/comment-page-1/#comment-41511 Ian Thu, 09 Aug 2012 16:06:53 +0000 http://blog.softlayer.com/?p=8988#comment-41511 Great tip. Have bookmarked this reference where I can use Div tags. For a current project, I need to dynamically re-size an iframe from a supplier (their content has differing height). They only supply their widget in an iframe. What is the easiest way to do this without having to implement too much code on both ends? Great tip. Have bookmarked this reference where I can use Div tags. For a current project, I need to dynamically re-size an iframe from a supplier (their content has differing height). They only supply their widget in an iframe. What is the easiest way to do this without having to implement too much code on both ends?

]]>