Hello
I am very new to Javascript.

I am using onclick event of <img src> tag to trigger a load or swap of html file contained in <i frame>.

I have 6 different <img src> tags triggering different html files that need to be "swapped" or "loaded" into the same <i frame>.

What is the practical way to do this? Please help.

Change the src attribute (assuming iframe has an id of 'fraContent': --

Joe (Microsoft MVP - XML)

Hello joefawcett,
Thanks for your reply. I am very new to Javascript.
How can you make this into a function with <iframe ... onmouseover="functionname(this, newhtmlname)" >

"Change the src attribute (assuming iframe has an id of 'fraContent':


var oFrame = document.getElementById("fraContent");
oFrame.src = <new source>;"

Thank you

 Hello joefawcett,

I didn't explain this correctly. Let me make the correction:


How can you make your recommendation into a function with <div ... onclick="functionname(this, newhtmlname)" ><img src...></div>

The situation is that the <iframe> on right side of page responds to the onclick event of <div> on the left.

"Change the src attribute (assuming iframe has an id of 'fraContent':


var oFrame = document.getElementById("fraContent");
oFrame.src = <new source>;"

Thank you

If you just want to populate an iframe with the same picture as an image then:
--

Joe (Microsoft MVP - XML)

Dear joefawcett,
Thanks for your reply. I am kind of getting what you are saying.


function changeFrameSource(NewSource)
{
  var oFrame = document.getElementById("fraContent");
  oFrame.src = NewSource;
}


If you just want to populate an iframe with the same picture as an image then:


<img src="imageSource.gif" onclick="changeFrameSource(this.src);">
--------------------------------------------------------------------
I figured it was more complicate than this.

Situation:
When user clicks on image then a different frame changes the source of htm. (This htm has the bigger image which is encrypted)

The same image doesn't change the source.

Please help.

--

Joe (Microsoft MVP - XML)

joefawcett
Thank you again. I tried to make it work. Please help.

This is iframe area for .htm to changed to another .htm when onclick is click on the <img> tag.

<iframe name="fraContent" src="6_0.htm" ></iframe>

When this img is clicked then iframe's src should change to 6_1.htm from 6_0.htm
<img src="images/6/6_o1.gif" onclick="changeFrameSource('6_1.htm');">


When I tried to use your code it doesn't work.
function changeFrameSource(NewSource)
{
  var oFrame = document.getElementById("fraContent");
  oFrame.src = NewSource;
}

<img src="imageSource.gif" onclick="changeFrameSource(<path to material to show in iframe>);">

What could be wrong???

Because, as stated previously, my code assumed your frame had an id of "fraContent".

--

Joe (Microsoft MVP - XML)

Got it to work. Thanks.