Aria テンプレートを使用して簡単なコードを実行しようとしました。mozilla では問題なく動作しています。Chrome では、「Origin null は Access-Control-Allow-Origin では許可されていません」というメッセージが表示され、IE7 では何も表示されず、同時にエラーもスローされません (通常はフッターに表示されます)。
コードは次のとおりです:index.html:
<html>
<head>
<title>
Aria Templates
</title>
<script type="text/javascript" src="aria/ariatemplates-1.3.6.js"></script>
<script type="text/javascript" src="aria/css/atskin-1.3.6.js"></script>
</head>
<body>
<div id="output"></div>
<script type="text/javascript">
Aria.loadTemplate({
classpath: 'view.Hello',
div: "output",
data: {
greeting: "Hello",
people: ["John", "Paul", "George", "Ringo"]
}
});
</script>
</body>
</html>
と Hello.tpl:
{Template {
$classpath: "view.Hello"
}}
{macro main()}
<h1>Hello Fab Four World</h1>
{foreach name in data.people}
${data.greeting} ${name}!<br/>
{/foreach}
{/macro}
{/Template}
ファイルは同じドライブにあります。Hello.tpl はビュー フォルダー内に配置され、html ファイルは aria フォルダーと共にビューの外に配置されます。