Solved

How to increase the size of an iframe based on its content

Posted on 2003-11-18
4
521 Views
Last Modified: 2008-02-01
Hii Friends,
i want to increase the size of iframe based on its source provided in the src attribute.
i have code like this
<table>
<tr>
<td>page Header</td></tr>
<tr><td><ifame src="yahoo.com" >
</td><tr>
<tr>
<td>page Header</td></tr>
</table>

when i access this kind of page i got scrollbar in iframe .
but i don't want this scrollbar and if hardcode the width and height of iframe like the code given below

<table>
<tr>
<td>page Header</td></tr>
<tr><td><ifame src="yahoo.com"  width="300" height="1000">
</td><tr>
<tr>
<td>page Header</td></tr>
</table>

then some part of ifrmae remains blank i don't want this kind of behavior.
so my aim is to adjust the width and height of iframe to the src height and width how i can do this ..
thanks to all of u in advance.

0
Comment
Question by:happymanocha
4 Comments
 
LVL 4

Accepted Solution

by:
apprenti earned 75 total points
ID: 9779639
This is the parent document:
...
<table>
<tr>
<td>page Header</td></tr>
<tr><td><iframe id="miframe" src="tpage1.htm" ></iframe>
</td><tr>
<tr>
<td>page Header</td></tr>
</table>
...

-----------------------------------------
This is a document in the iframe -- tpage1.htm

<html><body id="b1">
hello<br />
hello<br />
<script>
<!--
f=document.getElementById('b1').offsetHeight
// alert(f)
parent.document.getElementById('miframe').setAttribute('height',f)
// -->
</script>
</body></html>

You would need to style up the iframe etc and make f=f+40 or whatever
0
 
LVL 2

Expert Comment

by:TGHI
ID: 9783398
 Maybe I'm just trying to get a cheap way out of this - but if you're upset about scrollbars showing up in your iframe, you could always take the overflow off with CSS.

    <style type= text/css>
       body {overflow: hidden}
    </style>

  Putting this code in the document within the iframe will eliminate scrollbars - but it will also cut off anything that would normally be viewed through scrolling.  I'm not really sure if that will help you or not....


        TGHI
0
 
LVL 16

Expert Comment

by:jaysolomon
ID: 10383002
No comment has been added lately, so it's time to clean up this TA.
I will leave the following recommendation for this question in the Cleanup topic area:

Accept: apprenti {http:#9779639}

Please leave any comments here within the next four days.
PLEASE DO NOT ACCEPT THIS COMMENT AS AN ANSWER!

jAy
EE Cleanup Volunteer
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

In this article, we'll look how to sort an Array in JavaScript, including the more advanced techniques of sorting a collection of records either ascending or descending on two or more fields. Basic Sorting of Arrays First, let's look at the …
I've been trying to accomplish this for a while and it just struck me yesterday how to accomplish this task. I have done searches all over the internet looking for ways to email pages from my applications and finally I have done it!!! Every single s…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

837 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question