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>
