469,271 Members | 1,625 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,271 developers. It's quick & easy.

1 Link opening 2 pages in two iframes each on different seperate pages More options

SHC
I'm in need of some javascript to load two pages into two seperate
iframes which are on two seperate and different pages.

Rather complicated I know (and easier done in one frameset), but
caused by some limitation issues of SharePoint.
To help:
Link is on thumbnails.htm
iFrame1 is on intro.htm
iFrame2 is on details.htm
Page for iframe1 is cd_summary.htm
Page for iframe2 is cd_content.htm
Any help would be most gratefully appreciated.
SHC

Mar 29 '07 #1
7 3720
On 29 Mar, 13:50, "SHC" <stu...@hall-cooper.me.ukwrote:
I'm in need of some javascript to load two pages into two seperate
iframes which are on two seperate and different pages.

Rather complicated I know (and easier done in one frameset), but
caused by some limitation issues of SharePoint.

To help:

Link is on thumbnails.htm
iFrame1 is on intro.htm
iFrame2 is on details.htm
Page for iframe1 is cd_summary.htm
Page for iframe2 is cd_content.htm

Any help would be most gratefully appreciated.

SHC
do you mean

<html><body>
<iframe id="iframe1" src="intro.htm"></iframe>
<iframe id="iframe2" src="details.htm"></iframe>
</body></html>

or that the three pages are open at once in three tabs, or windows.

or that there a three frames in a framset (pages intro and details),
that these two child frames have iframes within them which you need to
change
if the first then
var if1 = document.getElementById('iframe1');
var if2 = document.getElementById('iframe2');
if1.src='cd_summary.htm';
if2.src='cd_content.htm';
should do it.

Mar 29 '07 #2
On 29 Mar, 13:50, "SHC" <stu...@hall-cooper.me.ukwrote:
I'm in need of some javascript to load two pages into two seperate
iframes which are on two seperate and different pages.

Rather complicated I know (and easier done in one frameset), but
caused by some limitation issues of SharePoint.

To help:

Link is on thumbnails.htm
iFrame1 is on intro.htm
iFrame2 is on details.htm
Page for iframe1 is cd_summary.htm
Page for iframe2 is cd_content.htm

Any help would be most gratefully appreciated.

SHC
i suppose you could mean that you are on thumbnails.htm and you want
to click on
<a href="intro.htm">intro</a>
<a href="details.htm">details</a>
each of which have an iframe in them which you want to set to
cd_summary.htm and cd_content.htm respectively.

Mar 29 '07 #3
SHC
On 29 Mar, 14:55, "shimmyshack" <matt.fa...@gmail.comwrote:
On 29 Mar, 13:50, "SHC" <stu...@hall-cooper.me.ukwrote:


I'm in need of some javascript to load two pages into two seperate
iframes which are on two seperate and different pages.
Rather complicated I know (and easier done in one frameset), but
caused by some limitation issues of SharePoint.
To help:
Link is on thumbnails.htm
iFrame1 is on intro.htm
iFrame2 is on details.htm
Page for iframe1 is cd_summary.htm
Page for iframe2 is cd_content.htm
Any help would be most gratefully appreciated.
SHC

i suppose you could mean that you are on thumbnails.htm and you want
to click on
<a href="intro.htm">intro</a>
<a href="details.htm">details</a>
each of which have an iframe in them which you want to set to
cd_summary.htm and cd_content.htm respectively.- Hide quoted text -

- Show quoted text -
An example of what I'm trying to do, is using the following structure,

thumbnails.htm :
<a target="iFrame1" href="cd_summary_001.htm"><img src="cd_001.gif"></
a>
<a target="iFrame1" href="cd_summary_002.htm"><img src="cd_002.gif"></
a>

intro.htm :
<body><iframe width="635" height="628" name="iFrame1" id="iFrame1"
frameborder="1">Your browser does not support inline frames or is
currently configured not to display inline frames.</iframe></body>

details.htm :
<body><iframe width="635" height="628" name="iFrame2" id="iFrame2"
frameborder="1">Your browser does not support inline frames or is
currently configured not to display inline frames.</iframe></body>

This structure works for changing the content in iFrame1 on intro.htm
to the appropriate cd_summary htm page, but I need a way of changing
iFrame 2 on details.htm at the same time to the appropriate cd_content
page (i.e. cd_content_001.htm or cd_content_002.htm)

Does this make things any clearer?
SHC

Mar 29 '07 #4
On 29 Mar, 15:23, "SHC" <stu...@hall-cooper.me.ukwrote:
On 29 Mar, 14:55, "shimmyshack" <matt.fa...@gmail.comwrote:
On 29 Mar, 13:50, "SHC" <stu...@hall-cooper.me.ukwrote:
I'm in need of some javascript to load two pages into two seperate
iframes which are on two seperate and different pages.
Rather complicated I know (and easier done in one frameset), but
caused by some limitation issues of SharePoint.
To help:
Link is on thumbnails.htm
iFrame1 is on intro.htm
iFrame2 is on details.htm
Page for iframe1 is cd_summary.htm
Page for iframe2 is cd_content.htm
Any help would be most gratefully appreciated.
SHC
i suppose you could mean that you are on thumbnails.htm and you want
to click on
<a href="intro.htm">intro</a>
<a href="details.htm">details</a>
each of which have an iframe in them which you want to set to
cd_summary.htm and cd_content.htm respectively.- Hide quoted text -
- Show quoted text -

An example of what I'm trying to do, is using the following structure,

thumbnails.htm :
<a target="iFrame1" href="cd_summary_001.htm"><img src="cd_001.gif"></
a>
<a target="iFrame1" href="cd_summary_002.htm"><img src="cd_002.gif"></
a>

intro.htm :
<body><iframe width="635" height="628" name="iFrame1" id="iFrame1"
frameborder="1">Your browser does not support inline frames or is
currently configured not to display inline frames.</iframe></body>

details.htm :
<body><iframe width="635" height="628" name="iFrame2" id="iFrame2"
frameborder="1">Your browser does not support inline frames or is
currently configured not to display inline frames.</iframe></body>

This structure works for changing the content in iFrame1 on intro.htm
to the appropriate cd_summary htm page, but I need a way of changing
iFrame 2 on details.htm at the same time to the appropriate cd_content
page (i.e. cd_content_001.htm or cd_content_002.htm)

Does this make things any clearer?
SHC
yeah sure, what you need to know though is that it won't be
accessible, however from what Ive seen of sharepoint, - it isnt an
accessible platform, so here we go
there are a few ways, here are 2

1) inside the summary.htm you have some javascript that is hard coded
to load the parent.iframe2.src='cd_details_002.htm', so that when the
summary iframe loads it loads the details iframe. (which would require
that you hard code the details page into each summary page

2) you create a function which takes the value of the link you click
on and sets both iframes accordingly, we dont bother with the target
attribute anymore

<html>
<head>
<script type="text/javascript">
//say you have just clicked cd_summary_002.htm
//and your intro.htm for that cd is cd_summary_002.htm
//and the details file is cd_details_002.htm
function changeIframe2Src( cd_summary_url )
{
//loads cd_summary_002.htm into iframe1
document.getElementById('iframe1').src = cd_summary_url;
//loads cd_details_002.htm into iframe2
document.getElementById('iframe2').src =
cd_summary_url.replace('summary','details');
return false;
}
</script>
</head>
<body>
<a href="cd_summary_002.htm"
onclick="changeIframe2Src(this.href);return false;"><img
src="cd_002.gif"></a>
<br />
<iframe id="iframe1">iframe1</iframe>
<iframe id="iframe2">iframe2</iframe>
</body>
</html>

Mar 29 '07 #5
shimmyshack said the following on 3/29/2007 11:52 AM:

<snip>
//loads cd_summary_002.htm into iframe1
document.getElementById('iframe1').src = cd_summary_url;
//loads cd_details_002.htm into iframe2
document.getElementById('iframe2').src =
Did you test setting the src property of an IFrame? I bet you didn't.
And, why are people steadily falling into the gEBI crutch when a better
method exists?

document.frames['iframe2'].location.href = somethingElse

--
Randy
Chance Favors The Prepared Mind
comp.lang.javascript FAQ - http://jibbering.com/faq/index.html
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/
Mar 29 '07 #6
On 29 Mar, 17:29, Randy Webb <HikksNotAtH...@aol.comwrote:
shimmyshack said the following on 3/29/2007 11:52 AM:

<snip>
//loads cd_summary_002.htm into iframe1
document.getElementById('iframe1').src = cd_summary_url;
//loads cd_details_002.htm into iframe2
document.getElementById('iframe2').src =

Did you test setting the src property of an IFrame? I bet you didn't.
And, why are people steadily falling into the gEBI crutch when a better
method exists?

document.frames['iframe2'].location.href = somethingElse

--
Randy
Chance Favors The Prepared Mind
comp.lang.javascript FAQ -http://jibbering.com/faq/index.html
Javascript Best Practices -http://www.JavascriptToolbox.com/bestpractices/
Hiya Randy,
I did actually [only as in does it work], it's IE6/7, Op9 and FF2; but
personally I wouldn't even go this way at all, it's a fudge to fix a
cludge! I hate all things like this, iframes, onclicks etc.. prefering
simple simple code with the fix as an include somewhere in the head.
I do admit to using the gEBI alot more than perhaps I should, it can
be useful to send to people whose code is "under developement" because
no matter where they plonk the next thing, and change the order etc..
the reference is unchanged, but I take your point.

Mar 29 '07 #7
"Randy Webb" <Hi************@aol.comwrote in message
news:Ua********************@giganews.com...
shimmyshack said the following on 3/29/2007 11:52 AM:

<snip>
>//loads cd_summary_002.htm into iframe1
document.getElementById('iframe1').src = cd_summary_url;
//loads cd_details_002.htm into iframe2
document.getElementById('iframe2').src =

Did you test setting the src property of an IFrame? I bet you didn't. And, why are
people steadily falling into the gEBI crutch when a better method exists?

document.frames['iframe2'].location.href = somethingElse
Shouldn't that be:

window.frames['iframe2'].location.href = somethingElse; // ...?

-Lost
Mar 29 '07 #8

This discussion thread is closed

Replies have been disabled for this discussion.

By using this site, you agree to our Privacy Policy and Terms of Use.