i frames and images

Adam H-W · October 30th, 2003, 10:28 AM

I'm wanting to use i frames for this particular project I'm on at the moment. What I want to do is pull an image into the iframe depending on what link is clicked. This is what I'm attempting to use:

<script language="javascript" type="text/javascript">

</script>

However, instead of wanting to see 'You are now looking at page 1' for example, I want to be able to view an image dependent on what link is clicked.

Can anyone tell me how I could go about this. (As you might have guessed, I don't know a great deal about javascript!)

thanks

Adam

joefawcett · October 30th, 2003, 10:43 AM

You cannot document.write into a page that has finished loading. Something like this should work, in your page:

Code:

<iframe id="fraImage" src="default.gif"></frame>

in a script block in the main page:

Code:

function changeImage(Frame, Path)
{
  var fra = document.getElementById(Frame);
  fra.src = Path;
}

and in the link:

Code:

<a href="/" onclick="changeImage('fraImage', 'pathToImage.gif');return false;">View image one.</a>

--

Joe

joefawcett · October 30th, 2003, 11:00 AM

Actually you may not need any JavaScript for this. Give the iframe a name and have a standard link with the target attribute set to the name of your iframe and the href set to point at your image.

--

Joe

Adam H-W · October 30th, 2003, 11:38 AM

Great, thanks again Joe.

Adam H-W · October 31st, 2003, 11:09 AM

Hi Joe,

sorry, just one more thing - does an iframe have CSS attributes?

thanks

Adam

joefawcett · October 31st, 2003, 11:12 AM

http://msdn.microsoft.com/library/de...asp?frame=true

Drill down to objects|iframe

--

Joe