Help with iframe

theDragonsDen · #1 (**permalink**) 09-18-2006, 01:51 PM

My First Post -->

Does anyone know how to make a link which will change the height/width of an iframe.

I have this so far.

HTML Code:

<IFRAME src="page.html" name="pagename" width="600" height="400" scrolling="no" frameborder="0"></IFRAME> <P> <a href="otherpage.html" target="pagename">Text of Link</a>

It causes the link to open inside the iframe. What I want is for the iframe to change size when the link is clicked.

Thnks

John · #2 (**permalink**) 09-18-2006, 02:20 PM

you can try replacing your width and height with 100%.

theDragonsDen · #3 (**permalink**) 09-18-2006, 07:33 PM

no, the original height and with are fine the way they are. It was just when I wanted it to show the page directed by the link I wanted the height/width to be different when the link is clicked. I think it would use the

Code:

onclick=

command but not sure after that.

I think it would be something like the iframe then:

<a href="otherpage.html" target="pagename" onclick="pagename.width:'200'">Text of Link</a>

Or at least thats one thing I tried but that doesn't work probably because its not in the right format. If someone did know it would be much appreciated.

rock · #4 (**permalink**) 09-19-2006, 02:16 PM

<a href="otherpage.html" target="_parent" onclick="pagename.width:'200'">Text of Link</a>

parent should work if your changing the parent page and keeping a static frame

theDragonsDen · #5 (**permalink**) 09-19-2006, 02:16 PM

After a lot of searching Ifound it. Of course the answer was Javascript. Here it is...

HTML Code:

<head> <title></title> <script language="JavaScript" type="text/javascript"> <!-- 

function ReSize(id,h,src,tb){
var obj=document.getElementById(id);
obj.style.height=h+\\\\\\\\\\\'px\\\\\\\\\\\';
obj.src=src;
document.getElementById(tb).value=\\\\\\\\\\\'Height \\\\\\\\\\\'+h+\\\\\\\\\\\'px\\\\\\\\\\\';
}
//--> </script></head> <body> <span id="Link1" onclick="ReSize(\\\\\\\\\\\'name\\\\\\\\\\\',600,\\\\\\\\\\\'http://thedragonsden.us.to\\\\\\\\\\\',\\\\\\\\\\\'TB1\\\\\\\\\\\');" >Link Name</span> <p> <iframe id="name" src="http://profusehost.net" width="500" height="200"></iframe> </body> </html>

If you use this code in your site thank me by putting a text link somewhere:

HTML Code:

<a href="http://thedragonsden.us.to">Visit theDragon\\\\\\\\\\\'sDen</a>

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Ads in Iframe	vampireblood	Free Web Hosting Support	7	01-30-2006 02:42 PM
Ads in Iframe (please?)	ivokwee	Free Web Hosting Support	4	01-29-2006 01:48 AM