2009-11-21 5 views
9

Я немного искал основной пример использования двигателя John Resig JavaScript Micro-Templating в Google, но вышел из строя.Как использовать движок JavaScript JavaScript для JavaScript?

Я решил принести его основателям. Может ли кто-нибудь помочь с простым примером использования этого движка? Я никогда раньше не использовал механизм шаблонов клиентской стороны.

Обновление: это полный HTML-документ. Благодаря Воле.

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>John Resig JavaScript Micro-Templating engine</title> 
    <script src="jquery-1.3.2.js" type="text/javascript"></script> 
    <script src="MicroTemplates.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     //Data 
     var data = { fname: "fred" }; 

     function onloadFunction() { 
      var s = $("#biodata").html(); 
      var s1 = tmpl(s, data); 

      $("#target").html(s1); 
     } 
    </script> 
    <script id="biodata" type="text/html"> 
     <div><%= fname %></div> 
    </script> 
</head> 
<body onload="onloadFunction();"> 
    <div id="target"> 
    </div> 
</body> 
</html> 
+0

Спасибо за изменение. Грег. – Tebo

+0

Было бы неплохо, если бы вы могли предоставить ссылку на Fiddle. – ayjay

ответ

5

Указанная вами ссылка имеет пример сразу после кода двигателя. Читайте со второго абзаца.

CB, используя ваш пример, вот мой запрос на двигатель, который выводит значение fname между тегами div. Чтобы выполнить поколение, вы должны сделать что-то вроде:

var data = { fname : "fred" }; 
var generatedText = tmpl("biodata", data); 

Тогда вам придется выводить его, например.

document.write(generatedText); 

Или (при условии DIV существует на странице с идентификатором 'elemId')

var elem = document.getElementById("elemId"); 
elem.innerHTML = generatedText; 

Все вышесказанное не тестировался, но, надеюсь, точно. Надеюсь, поможет!

+0

Отлично, мой первый принятый ответ! Рад помочь! знак равно – Will