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>