| Welcome to WebmasterWorld Guest from 220.127.116.11 |
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
|Become a Pro Member|
|JS and <IFRAME>|
I have an <IFRAME>:
<IFRAME WIDTH="600" HEIGHT="0" FRAMEBORDER="0" ID="cart" NAME="cart" SRC="http://www.example.com"></IFRAME>
I want the IFRAME to show (so change the height to 600) when a submit button is clicked (so onclick() for the button or onsubmit() for the form).
I have tried numerous snippets of code within the onsubmit() and onclick() along the lines of:
document.getElementByID('cart').height = 600;
document.getElementByID('cart').style.height = 600;
document.getElementByID('cart').height = '600';
document.getElementByID('cart').style.height = '600';
document.getElementByID('cart').height = 600
document.getElementByID('cart').style.height = 600
document.getElementByID('cart').height = '600'
document.getElementByID('cart').style.height = '600'
document.cart.height = 600;
document.cart.style.height = 600;
document.cart.height = '600';
document.cart.style.height = '600';
document.cart.height = 600
document.cart.style.height = 600
document.cart.height = '600'
document.cart.style.height = '600'
Nothing seemed to work for me. Typical error message was... "Object doesn't support this property or method"
Anyone know where I am messing up? I have also tried using the .style.display = 'none', but I don't seem to be doing that right either.
Tech-related sites would probably see significantly lower, perhaps as low as in the 70-75 percentile range.
You need to read this, iframe apparently has width but NO height, plus more.
As for js percent, does anyone expect cart sites to work without it, I don't think many sites would.
All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved