めも帖

「めも帖」代わりにダラダラと書いていったり、めもしたりしているだけです。

Trimpathを試してみた

JavaScript

TrimpathというJavaScriptのテンプレートエンジンを試してみました。
とはいっても、「WEB+DB PRESS Vol.33」のままです。

<html>
<head>
<title>TEST</title>
<script type="text/javascript" src="./trimpath/template.js"></script>
<style>
#template{
	width:300px;
	display:none;
}
</style>
</head>
<body>

<h1>TEST</h1>
<textarea id="template" rows="10">
<ul>
	{for item in items}
	<li>${item}</li>
	{/for}
</ul>
</textarea>

<div id="result"></div>

<script>
	var items = [
		'foo',
		'bar',
		'baz'
	];
	document.getElementById('result').innerHTML = 
TrimPath.processDOMTemplate('template',{'items':items});
</script>

</body>
</html>

さて、もうちょっと読んで、活用してみたいなあ。