K
Kelly
I want to use button links on a page to swap out iframes
on the same page. For excample You have a iframe that
initial page is home and another that the iframe initial
page is links. when the index page comes up the home
iframe is displayed in the center of the page. On the left
of the index page you have buttons one home and one links.
If you click the links button the iframe change to the
links iframe. click home button the iframe changes to the
home iframe
Here is some stuff ive been trying to get to work but it
doesnt
Can anyone help.
<html>
<head>
<title>index</title>
<style type="text/css">
iframe
{
width:615px;
height:320px;
border: 0px solid #000000; float:left
}
div#ifm
{
position:absolute;
left:35%;
top:60%;
margin-left:-150px;
margin-top:-150px
}
div.links
{
margin-left:5px; margin-top:25px;
background-repeat:no-repeat; position:absolute;
width:10; height:6
}
</style>
</head>
<body>
<div align="left">
<table border="1" cellpadding="0" cellspacing="0"
style="border-collapse: collapse"
bordercolor="#111111" width="156"
id="AutoNumber1" height="453">
<tr>
<td align="left" valign="top" height="453"
width="154"><div
class="links" style="width: 135; height: 29">
<button onclick="foo.location.href='home.htm'"
name="home.htm"
style="font-family: Arial; font-size: 10pt; font-weight:
bold; background-image: url('images/button01.jpg');
background-repeat: no-repeat; position:absolute; left:0">
links</button>
</td>
</tr>
</table>
</div>
</div>
<div id="ifm">
<iframe name="foo" marginheight="0"
src="home.htm" width="615" height="320"
marginwidth="3"></iframe></div>
</body></html>
on the same page. For excample You have a iframe that
initial page is home and another that the iframe initial
page is links. when the index page comes up the home
iframe is displayed in the center of the page. On the left
of the index page you have buttons one home and one links.
If you click the links button the iframe change to the
links iframe. click home button the iframe changes to the
home iframe
Here is some stuff ive been trying to get to work but it
doesnt
Can anyone help.
<html>
<head>
<title>index</title>
<style type="text/css">
iframe
{
width:615px;
height:320px;
border: 0px solid #000000; float:left
}
div#ifm
{
position:absolute;
left:35%;
top:60%;
margin-left:-150px;
margin-top:-150px
}
div.links
{
margin-left:5px; margin-top:25px;
background-repeat:no-repeat; position:absolute;
width:10; height:6
}
</style>
</head>
<body>
<div align="left">
<table border="1" cellpadding="0" cellspacing="0"
style="border-collapse: collapse"
bordercolor="#111111" width="156"
id="AutoNumber1" height="453">
<tr>
<td align="left" valign="top" height="453"
width="154"><div
class="links" style="width: 135; height: 29">
<button onclick="foo.location.href='home.htm'"
name="home.htm"
style="font-family: Arial; font-size: 10pt; font-weight:
bold; background-image: url('images/button01.jpg');
background-repeat: no-repeat; position:absolute; left:0">
links</button>
</td>
</tr>
</table>
</div>
</div>
<div id="ifm">
<iframe name="foo" marginheight="0"
src="home.htm" width="615" height="320"
marginwidth="3"></iframe></div>
</body></html>