Hello i have a problem!
I wannt to load a webpage inside a div, a guestbook in this case, but it only work on Mozilla Firefox, NOT on Internet Explorer 7.
In firefox the divs shows what i wannt, but in IE 7, the div its only blank!
I wannt it to work on both browsers!
Here is my code:
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
<html>
<head><title>United Trader Worlds Homepage</title>
<style type="text/css">
/*<![CDATA[*/
body
{
background-color:#aaaaff;
}
#foo
{
width:600px;
height:600px;
border:solid 1px #000000;
}
#foo2
{
width:150px;
height:600px;
border:0px;
}
h2{ color: white;}
h3{ color: white;}
h4{ color: white;}
h5{ color: white;}
a{ color: white;}
/*//]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
function updateObjectIframe(which){
document.getElementById('one').innerHTML = '<'
+'object id="foo" name="foo" type="text/html" data="'+which.href+'"><\/object>';
}
//]]>
//<![CDATA[
function updateObjectIframe2(which){
document.getElementById('div2').innerHTML = '<'
+'object id="foo2" name="foo2" type="text/html" data="'+which.href+'"><\/object>';
}
//]]>
</script>
</head>
<body background="bilder/back.jpg">
<center><h1> <img src="bilder/log.gif"/> </h1>
<h2>Page only work atm. in Mozilla Firefox Browser!</h2>
<table>
<tr>
<td valign="top" width="200 px">
</td>
<td>
<div id="one">
<object id="foo" name="foo" type="text/html" data="http://users2.smartgb.com/g/g.php?a=s&i=g25-28368-4d"></object>
</div>
</td>
<td valign="top" width="200 px">
<a href="about.html" onclick="updateObjectIframe2(this); return false;">About</a>
<a href="members.html" onclick="updateObjectIframe2(this); return false;">Members</a>
<a href="galaxies.html" onclick="updateObjectIframe2(this); return false;">O.G.</a>
<a href="wars.html" onclick="updateObjectIframe2(this); return false;">Wars</a>
<div id="div2">
<object id="foo2" name="foo2" type="text/html" data="about.html"></object>
</div>
</td>
</tr>
<table>
</center>
</body>
</html>
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
The problem seems to be with the <object> tab.
Best Regards Andreas
Ps. I know its a Geek project! x)