Hi,
My web page code is below. I want to run a html framework where i used iframe code. It is working into IE8.0 and below version but it is not working into Safari or Crome. Can you help me in this. How can i run all my pages into the safari and crome.
<!DOCTYPE HTML>
<html>
<head>
<charset=”utf-8″>
<title>Index page</title>
<script>
var urls = new Array(‘Page1.html’,’Page2.html’,’Page3.html’,’Page4.html’);
I=0;
function next()
{
I+=1;
if (I == urls.length-1)
{
document.getElementById(“next”).style.display = “none”;
}
window.frames[‘links’].location.href=urls[I];
document.getElementById(‘back’).style.display=’inherit’;
}
function prev()
{
I-=1;
if(I==0)
{
document.getElementById(“back”).style.display = “none”;
}
window.frames[‘links’].location.href=urls[I];
document.getElementById(‘next’).style.display=’inherit’;
}
</script>
</head>
<body>
<div id=”main” style=”border:solid #666; width:100%; height:auto;”>
<div id=”header” style=”border:solid #F00; width:99.5%; height:50px;”>
</div>
<div id=”middle” style=”border:solid #099; width:99.5%; height:460px;”>
<div id=”body_left” style=”border:solid #006; width:29.50%; height:455px;”>
</div>
<div id=”body_right” style=”border:solid #963; width:69.5%; height:455px; margin-left:auto; margin-top:-461px; position: relative;”>
<iframe src=”page1.html” scrolling=”auto” id=”links” name=”links” width=”99.5%” height=”450″></iframe>
</div>
</div>
<div id=”footer” style=”border:solid #FF0; position: ; width:99.5%; height:auto;”>
<div id=”footer_left” style=”border:solid #0FF; width:79.475%; height:50px;”>
</div>
<div id=”footer_right” style=”border:solid #6F6; width:19.4375%; height:50px; margin-left:auto; margin-top:-56px;”>
<div id=”img_a” style=”margin-top:10px; margin-left:30px;”>
<img src=”images/previous_01.jpg” alt=”Back” id=”back” align=”middle” class=”hover” style=”cursor:pointer” onclick=”prev();”/>
</div>
<div id=”img_b” style=”margin-top:-30px; margin-left:80px; float”>
<img src=”images/next_01.jpg” alt=”Next” id=”next” class=”hover” align=”middle” style=”cursor:pointer” onclick=”next();”/>
</div>
</div>
</div>
</div>
</body>
</html>