|
Posted by jojo on 06/19/06 19:47
What about using CSS to hide the parts of the right page which should
not be visible and using JavaScript to make them visible?
RIGHT FRAME:
<html>
<head>
<title>SomeTitle</title>
<style type="text/css">
#Content1{display:block}
#Content2{display:none}
#Content3{display:none}
</style>
<script type="text/javascript" language="javascript">
function showContent(n){
for (i=1; i<=3; i++){
document.getElementById("Content"+1).style.display="none"
}
document.getElementById("Content"+n).style.display="block"
}
</script>
</head>
<body>
<div id="Content1">Content 1</div>
<div id="Content2">Content 2</div>
<div id="Content3">Content 3</div>
</body>
</html>
Now a link in the left frame has to look like this (if right frame is
named "right"):
<a href="javascript:parent.right.showContent(1)>ShowContent1</a>
<a href="javascript:parent.right.showContent(2)>ShowContent2</a>
<a href="javascript:parent.right.showContent(3)>ShowContent3</a>
I think this should work, but I haven't tested yet.
[Back to original message]
|