Index
 |
Linking Iframes - Linking Objects to Iframes | ||
Discussion by jpw with 1 Replies.
Last Update: December 20, 2007, 2:38 am | |||
 |
|||
Hello, I'm really new at web design and I know little about code; so if this is an obvious answer... sorry. I'm trying to have an iframe appear when an object is clicked on. All of my objects (links) are the same on every page and so this way the whole page wouldn't have to reload. I want all of my links to work like this and then dissappear when a different link (object) is clicked on.
Here's the code I found that I'm trying to use and substitute my stuff with. Currently I need the www.w3.org to be replaced with an object not text. Is this possible?
<html>
<head>
<title>Wahid's Iframe</title>
<style type="text/css">
<!--
iframe {position: absolute;top:20%;left:30%;width:324; height:200; border:no;}
a:link{font-family:arial;font-size:18px;color:#000000;}
a:visited{font-family:arial;font-size:18px;color:#000000;}
a:hover{font-family:arial;font-size:18px;color:#ff0000;}
a:active{font-family:arial;font-size:18px;color:#0000ff;}
//-->
</style>
</head>
<body>
<iframe name="wahid">
</iframe>
<a href="http://www.ahfb.2000.com/webmaster_help_desk/showthread.php?t=2242"target="wahid" >www.ahfb</a><br/>
<a href="http://www.google.com"target="wahid" >www.w3.org</a><br/>
<a href="http://www.s3schools.com/css/default.asp"target="wahid" >www.w3.org</a><br/>
</body>
</html>
Any help is appreciated!
Thanks
Here's the code I found that I'm trying to use and substitute my stuff with. Currently I need the www.w3.org to be replaced with an object not text. Is this possible?
<html>
<head>
<title>Wahid's Iframe</title>
<style type="text/css">
<!--
iframe {position: absolute;top:20%;left:30%;width:324; height:200; border:no;}
a:link{font-family:arial;font-size:18px;color:#000000;}
a:visited{font-family:arial;font-size:18px;color:#000000;}
a:hover{font-family:arial;font-size:18px;color:#ff0000;}
a:active{font-family:arial;font-size:18px;color:#0000ff;}
//-->
</style>
</head>
<body>
<iframe name="wahid">
</iframe>
<a href="http://www.ahfb.2000.com/webmaster_help_desk/showthread.php?t=2242"target="wahid" >www.ahfb</a><br/>
<a href="http://www.google.com"target="wahid" >www.w3.org</a><br/>
<a href="http://www.s3schools.com/css/default.asp"target="wahid" >www.w3.org</a><br/>
</body>
</html>
Any help is appreciated!
Thanks
Wed Dec 19, 2007 Reply New Discussion
well it looks like it doest what u want to me.
just a thing, with the links, put a space between the address and a target, like this <a href="http://www.s3schools.com/css/default.asp" target="wahid" >www.w3.org</a> for your last one.
thats how you get something to show in an iframe. and when someone clicks on another linke it will show in the iframe providing you have it going there.
also, what about a main page/home page in the iframe for when you first go on the site?
do that like this <iframe src="http://www.sitegoeshere.com"></iframe>
why is this in signature design?
just a thing, with the links, put a space between the address and a target, like this <a href="http://www.s3schools.com/css/default.asp" target="wahid" >www.w3.org</a> for your last one.
thats how you get something to show in an iframe. and when someone clicks on another linke it will show in the iframe providing you have it going there.
also, what about a main page/home page in the iframe for when you first go on the site?
do that like this <iframe src="http://www.sitegoeshere.com"></iframe>
why is this in signature design?
Thu Dec 20, 2007 Reply New Discussion
 |
 |
|
 |
 |
| Reply / Comment | Ask a Question? | Share / Bookmark | E-Mail a Friend |
 Need Help? (1)
|
(3) My Signature For This Site 
|