Verschil in resultaat tussen IE9 en Chrome
[html]
<html>
<script language="javascript">
function switchBuienradar (id) {
arrBuienradar = new Array ();
arrBuienradar[0] = "boxBuienradar";
arrBuienradar[1] = "boxHouten";
for(val in arrBuienradar) {
if (document.getElementById (arrBuienradar[val])) {
document.getElementById (arrBuienradar[val]).style.display='none';
}
}
if (document.getElementById (id)) {
document.getElementById (id).style.display='';
}
}
</script>
<body>
<table>
<tr onmouseover="switchBuienradar('boxHouten')"; onmouseout="switchBuienradar('boxBuienradar')">
<td><span id="boxBuienradar" style="display:''"><img src="http://m.buienradar.nl/" border="0" /></span>
<span id="boxHouten" style="display:none"><a href="http://www.buienradar.nl"><iframe src="http://mijn.buienradar.nl/lokalebuienradar.aspx?lat=52.0278426&x=1&y=1&lng=5.1630019&overname=2&zoom=13&naam=houten&size=2&map=4" scrolling="no" height="256" width="256" frameborder="0" /></a></span></td>
</tr>
</table>
</body>
</html>
[/html]
Dit werkt prima in Google Chrome. In IE9 lijkt het ook te werken alleen geeft de ingezoomde kaart een ander deel van Houten weer. :S De coördinaten lijken dus veranderd. Maar als je de bron opvraagt en de link naar de afbeelding in je browser kopieert, komt er echter wel weer het goede deel van Houten in de afbeelding. Als je de iframe gewoon op de website zet, geeft hij ook de juiste lokatie weer. Het heeft dus iets te maken met het javascript, maar wat?. Hoe krijg ik in IE9 (en FF) wel de juiste kaart?
Verander gewoon de src van het frame als je er met je muis overheen gaat of er vanaf?