Hello,
What I'm trying to do is :
Main.html page with code:
<head>
<title></title>
<script type="text/javascript" src="
http://ajax.googleapis.com/ajax/
libs/jquery/1.3.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$.ajax({cache:false,timeout:
8000,url:"new_content.html",type:"POST",
error:function(){$("#contentarea").html('<img src="/images/misc/
alert.jpg" alt="system error..."/>');},
success:function(response){$("#viz").html(response);}
});
});
</script>
</head>
<body>
<div id="viz" >
</div>
</body>
As you can see after Main.html loaded javascript sends ajax request
and load response to div.
What I have in new_content.html is :
<script type="text/javascript" src="
http://www.google.com/jsapi?
key=..."></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawVisualization);
</script>
The problem is function google.load("visualization", "1", {packages:
["corechart"]}); redirects page to somewhere and nothing is
displayed.
Not sure, but I think it tries to show one of loaded js file from
google server.
I have tested it in Firefox 3.6.3 on MAC.
Example :
http://igonza.com/bug/Main.html
Is it a bug?
Thanks,
Igor.