XML -> HTMLなテンプレート作ってみた

OreScript Programming

[id:yukoba:20071108] OreScript時代の幕開け
を読んで俺もOreScript作りたい！ ということで作ってみた。*1
http://kasuya.mobi/blog/ore_script/

使い方はこんな感じ。
下に解説あります。
---------
コードの解説

<html>
<head>
<script type='text/javascript' src='prototype.js'></script>
<script type='text/javascript' src='xmltemplate.js'></script>
<script type='text/xmltemplate'>
<template name='template_name1'>
Template から描画したよ
<h4>名前は{this.name}です。</h4>
年齢は{this.age}だよ
</template>
</script>

</head>
<body>
<div id='test1_template_area'> </div>
</body>
<script>

Event.observe(window,'load',initialize,false);
function initialize()
{
  init_xmltemplate();
  draw();
}

function draw()
{
  var template = factory.createTemplate('template_name1');
  template.assign('name','kasuya');
  template.assign('age',29);
  $('test1_template_area').innerHTML = template.display();

}
</script>

</html>
  • HTML解説
    • テンプレートを描画する <div id='test1_template_area'>があるだけ
  • JavaScript解説
    • Onload() 時に
      • テンプレートエンジンの初期化(init_xmltemplate)の呼び出し

>|JavaScript||
init_xmltemplate();
|

*1:でもよく考えるとScriptじゃなくTemplateだった