How To Adjust Width And Height Of Iframe To Fit With Content In It

83775/how-to-adjust-width-and-height-of-iframe-fit-with-content-in-it

• Home
• Community
• Categories
• Web Development
• Java-Script
• How to adjust width and height of iframe to fit...

How to adjust width and height of iframe to fit with content in it 0 votes

I need a solution for auto-adjusting the width and height of an iframe to barely fit its content. The point is that the width and height can be changed after the iframe has been loaded. I guess I need an event action to deal with the change in dimensions of the body contained in the iframe.

• html
• css
• javascript
• laravel
• php

Sep 4, 2020 in Java-Script by kartik • 37,520 points • 8,213 views answer comment

• flag

Your comment on this question:

Your name to display (optional):

Email me at this address if a comment is added after mine:Email me if a comment is added after mine

Privacy: Your email address will only be used for sending these notifications.

Add comment Cancel

1 answer to this question.

Your answer

Your name to display (optional):

Email me at this address if my answer is selected or commented on:Email me if my answer is selected or commented on

Privacy: Your email address will only be used for sending these notifications.

Add answer Cancel

0 votes

Hello @kartik,

<script type="application/javascript"> function resizeIFrameToFitContent( iFrame ) { iFrame.width = iFrame.contentWindow.document.body.scrollWidth; iFrame.height = iFrame.contentWindow.document.body.scrollHeight; } window.addEventListener('DOMContentLoaded', function(e) { var iFrame = document.getElementById( 'iFrame1' ); resizeIFrameToFitContent( iFrame ); // or, to resize all iframes: var iframes = document.querySelectorAll("iframe"); for( var i = 0; i < iframes.length; i++) { resizeIFrameToFitContent( iframes[i] ); } } ); </script> <iframe src="usagelogs/default.aspx" id="iFrame1"></iframe>

Hope it helps!! Thank you!!

answered Sep 4, 2020 by Niroj • 82,800 points comment

• flag
• ask related question

Your comment on this answer:

Your name to display (optional):

Email me at this address if a comment is added after mine:Email me if a comment is added after mine

Privacy: Your email address will only be used for sending these notifications.

Add comment Cancel

Related Questions In Java-Script

+1 vote 1 answer

How to implement up and down voting of a particular thread?

Hello @kartik, Yes, JavaScript is involved. There are ...READ MORE

answered Jun 3, 2020 in Java-Script by Niroj • 82,800 points • 2,138 views

• html
• css
• javascript
• php
• laravel

0 votes 1 answer

How to Store PHP variable with HTML in JavaScript in Laravel Blade Template?

Hello @kartik, The double curly brackets {{ }} will always ...READ MORE

answered Jun 11, 2020 in Java-Script by Niroj • 82,800 points • 18,310 views

• html
• css
• javascript
• laravel
• angular

0 votes 1 answer

How to retrieve config and env variable in vue component?

Hello @kartik, To access your env variables in ...READ MORE

answered Jun 11, 2020 in Java-Script by Niroj • 82,800 points • 11,841 views

• html
• css
• javascript
• laravel
• php

0 votes 1 answer

How to send data in request body with a GET when using jQuery $.ajax()?

Hello @kartik, Sending the data in your scenario,I ...READ MORE

answered Jun 18, 2020 in Java-Script by Niroj • 82,800 points • 21,103 views

• html
• css
• laravel
• javascript
• angular

+1 vote 1 answer

How to make anchor tag with routing using Laravel?

Hey @kartik, First you have to go to ...READ MORE

answered Mar 18, 2020 in Laravel by Niroj • 82,800 points • 25,106 views

• html
• css
• javascript
• laravel
• angularjs
• php

0 votes 1 answer

What is redirection in Laravel?

Named route is used to give specific ...READ MORE

answered Mar 18, 2020 in Laravel by Niroj • 82,800 points • 4,136 views

• html
• css
• javascript
• laravel
• php

0 votes 1 answer

How to install Laravel via composer?

Hello, This is simple you just need to ...READ MORE

answered Mar 23, 2020 in Laravel by Niroj • 82,800 points • 4,463 views

• html
• css
• javascript
• laravel
• php

+1 vote 1 answer

What are named routes in Laravel and How can specify route names for controller actions?

Hey @kartik, Named routing is another amazing feature of ...READ MORE

answered Mar 23, 2020 in Laravel by Niroj • 82,800 points • 48,065 views

• html
• css
• javascript
• laravel
• php

+1 vote 2 answers

How to convert entire div data into image and save it into directory without using canvas?

Hello @kartik, You can try the sample code ...READ MORE

answered Apr 29, 2020 in Java-Script by Niroj • 82,800 points • 77,365 views

• html
• css
• javascript
• angular
• nodejs

0 votes 1 answer

How to use Redirect in the new react-router-dom of Reactjs?

Hello, To navigate to another component you can ...READ MORE

answered May 18, 2020 in Java-Script by Niroj • 82,800 points • 9,453 views

• html
• css
• angular
• laravel
• javascript

Recent in Java-Script

• How to create an attribute directive that changes element behavior on hover events? Apr 10
• How to customize the default theme in jQuery Mobile CSS Framework? Apr 7
• How to handle form submissions asynchronously in jQuery Mobile applications? Apr 7
• How to create closable tabs in jQuery UI Tabs? Apr 7
• How to handle multiple accordions on a single page with jQuery UI? Apr 7

• All categories
• Generative AI (1,454)
• Power BI (1,316)
• DevOps & Agile (4,138)
• Data Science (100)
• ChatGPT (30)
• Cyber Security & Ethical Hacking (1,057)
• Data Analytics (1,266)
• Cloud Computing (4,053)
• Machine Learning (337)
• PMP (1,069)
• Python (3,489)
• SalesForce (201)
• Selenium (1,624)
• Software Testing (58)
• Tableau (608)
• Web Development (3,972)
• UI UX Design (24)
• Java (1,358)
• Azure (157)
• Database (858)
• Big Data Hadoop (1,907)
• Blockchain (1,673)
• Digital Marketing (121)
• C# (141)
• C++ (272)
• IoT (Internet of Things) (390)
• Kotlin (8)
• Linux Administration (389)
• MicroStrategy (7)
• Mobile Development (395)
• Others (2,387)
• RPA (653)
• Talend (73)
• TypeSript (124)
• Apache Kafka (84)
• Apache Spark (596)
• Career Counselling (1,091)
• Events & Trending Topics (28)
• Ask us Anything! (71)

×

Join the world's most active Tech Community!

Welcome back to the World's most active Tech Community!

Sign up with Gmail Sign up with Facebook

OR

Please provide a valid input Password must have

At least 1 upper-case and 1 lower-case letter

Minimum 8 characters and Maximum 50 characters

SIGN UP Already have an Edureka Account? Login Please enter a valid emailid Forgot Password? LOGIN Don’t have edureka account? Sign Up resend ? Password must have

At least 1 upper-case and 1 lower-case letter

Minimum 8 characters and Maximum 50 characters

reset password Don’t have edureka account? Sign Up reset password Don’t have edureka account? Sign Up Send Code Don’t have edureka account? Sign Up

Subscribe to our Newsletter, and get personalized recommendations.

Sign up with Google Signup with Facebook

Already have an account? Sign in.

× REGISTER FOR FREE WEBINAR X Years of Experience* Student 0-2 Years 2-5 Years 5-10 Years 10+ Years REGISTER NOW Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP "PMP®","PMI®", "PMI-ACP®" and "PMBOK®" are registered marks of the Project Management Institute, Inc. MongoDB®, Mongo and the leaf logo are the registered trademarks of MongoDB, Inc.