my html code just works in FireFox

aref · 10-01-2012, 10:14 AM

Hello everyone!
I'm a new member of this forum.
Is there anyone can help me?
My html code, just works in FireFox and it doesn't work in IE or Chrome; what should I do to solve this problem?
I'm so appreciate.
I wrote my code in blew:



<!DOCTYPE html>

<html>

	<head>

		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 

		<link rel="stylesheet" type="text/css" href="style.css" >

		<script type="text/javascript" src="jquery.js"></script>

		

		<script>

			$(document).ready(function(){

				content="<ul class='content-menu' id='post_list'>";

				$.getJSON("data.json",function(data){

					$.each(data.post,function(i,data){

						content+="<li class='content-sub-menu'><div class='article'><h4 class='article-header'><a class='article-header-link' href='#tips'>"+data.header+"</a></h4><p class='article-body'>"+data.article+"</p><img class='picture' src='"+data.image+"'/></div></li>";

						

					});

					content+="</ul>";

					document.getElementById('post').innerHTML = content;

				});

			});

		</script>

		

	</head>



	<body>

		<div id="post"></div>

		</div>

	</body>



</html>

WolfShade · 10-01-2012, 01:28 PM

With just a cursory glance, rename your div to something that isn't a reserved word ("post").

aref · 10-01-2012, 02:00 PM

Thank you so much for your recommendation. I changed div id with another name (with "matn"). but it doesn't work in chrome browser again

I think it depend on my browser setting, isn't it?

WolfShade · 10-01-2012, 02:03 PM

Check the data that is being returned to make sure it's in the format you are expecting.

aref · 10-01-2012, 02:14 PM

which returned data? data gotten from JSon file?
if it's wrong why it work well in FireFox and now in IE?
it just doesn't work in Chrome?
when I allow script and Activex run in IE, my data shows in IE, but in Chrome browser, script is allow and it doesn't work too??!!

aref · 10-01-2012, 03:18 PM

look at this:

XMLHttpRequest cannot load file:///C:/Users/hp/Desktop/Project01/main-JSon/data.json. Origin null is not allowed by Access-Control-Allow-Origin.
Profile "Profile 1" started.

I found it in my Chrome when I run my web page in it.
how can I fix it?
is there anyone can help me?

devnull69 · 10-01-2012, 03:30 PM

Your page must be on a webserver (together with the JSON file) in order to enable Chrome to read the JSON file. The file:/// access is considered a cross origin request if you didn't open Chrome up with the option --allow-file-access-from-files