frames

Snib · March 17th, 2004, 10:57 AM

twinkle,

try replacing right.src with document.getElementById('right').src

HTH,

----------
---Snib---
----------

<><

Imar · March 17th, 2004, 11:04 AM

Hi Snib,

I am afraid that won't work.

The right frame doesn't live in the same page. Both Left and Right are loaded in separate frames. To reach the frame, you'll need to access it through its parent property.

On Page 1 of this thread, I showed Twinkle how to do this (parent.leftFrame.document.getElementById('imgTest ').src) and suggested the alternative to set the source for the iframe directly (parent.leftFrame.src)

However, it looks like Twinkle is after something else.

Twinkle: want to give us a status update about what you have so far, and where you want to go?

Cheers,

Imar

---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.

Snib · March 17th, 2004, 11:42 AM

Code:

index.html

<iframe src=left.html /><iframe id=right src=right.html />

left.html

<img src=imageone.png onclick="parent.document.getElementById('right').src=this.src">
<img src=imagetwo.png onclick="parent.document.getElementById('right').src=this.src">

right.html doesn't need anything in it.

Would this work?

I would try it on my own, but my server is being upgraded so I can't use it right now...

----------
---Snib---
----------

<><

Imar · March 17th, 2004, 12:02 PM

Yes, that would definitely work.

However, right from the beginning, these kind of solutions have been offered. I tried to explain the general idea, without too much of an example, Joe posted a working example, you threw some useful stuff in the mix, but apparently, it's not what Twinkle is after.

I think what's he/she is after is a more advanced example. What we are offering here, is just a simple "find and replace": Find the target's source, and replace it with another image.
What is really needed is some more advanced stuff using z-indices, positioning and other JavaScript tricks to "dress the doll".

The Madonna link (or the Hanson link, if you can stand them) provides some more background information, but I am not sure whether that was enough or not.

---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.

anshul · March 31st, 2004, 06:06 AM

Quote:

quote:Originally posted by twinkle
Hi,
I need to know that: if u have a page with 2 iframes, one containes pictures and the other one is empty -
now if i want those pictures to appear in the empty iframe how to i do that?????

plz help!

1) First of all give name to your frames in FRAMESET.
e.g, <FRAME name="./main" href="./main_page1.htm">
2) Just target other files to main frame from side frame.
e.g., <A href="./main_page2.htm" target="./main"><IMG tag here></A>

That's all ..keep going!