Solved

iFrame link

Posted on 2008-10-27
2
231 Views
Last Modified: 2012-05-05
Should be simple issue here, but cant find out what Im doing wrong!

Ive got a simple iframe which when the user click on a link, the iframe changes to that.

Using a frame is easy, and I thought that iFrame is the same, but obviously not.

Any ideas where Im going wrong here?
<body>
<a href="http://www.google.co.uk" target="ifraBody">google</a><br />
<a href="http://www.bbc.co.uk" target="ifraBody">bbc</a><br />
<a href="http://www.hotmail.co.uk" target="ifraBody">hotmail</a><br />
 
<div id="divBody">
	<iframe id="ifraBody" src="body.php"></iframe> 
</div>
</body>

Open in new window

0
Comment
Question by:tonelm54
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 3

Assisted Solution

by:siranm
siranm earned 100 total points
ID: 22817371
i don't know if you can use iframes as a normal frame....

but i guess you could use onclick event and write


<a href="http://www.bbc.co.uk" onclick="    document.getElementById('ifraBody').src = this.href;    ">bbc</a><br />



or something similar....
0
 
LVL 39

Accepted Solution

by:
Roger Baklund earned 400 total points
ID: 22817398
Try this:
<iframe id="ifraBody" name="ifraBody" src="body.php">

Open in new window

0

Featured Post

[Live Webinar] The Cloud Skills Gap

As Cloud technologies come of age, business leaders grapple with the impact it has on their team's skills and the gap associated with the use of a cloud platform.

Join experts from 451 Research and Concerto Cloud Services on July 27th where we will examine fact and fiction.

Question has a verified solution.

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

Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
Find out what you should include to make the best professional email signature for your organization.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
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)

627 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