gist: 12131


  
      json.json
    
    
        embed
        
      
      raw
    
  
            1
2
3
4

          
              {
  name: "input_name",
  value: "input_value"
}
            
          
      output.html
    
    
        embed
        
      
      raw
    
  
            1

          
              <input name="input_name" value="input_value" />
            
          
      templater.js
    
    
        embed
        
      
      raw
    
  
            1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

          
              // wycats' templating plugin
// (c) Yehuda Katz
// You may distribute this code under the same license as jQuery (BSD or GPL)
(function ($) {
  $.makeTemplate = function (template, begin, end) {
    var rebegin = begin.replace(/([\]{}[\\])/g, '\\$1');
    var reend = end.replace(/([\]{}[\\])/g, '\\$1');
 
    var code = "self = self || {}; " +
      "var _result = '';" +
        template
          .replace(/[\t\r\n]/g, ' ')
          .replace(/^(.*)$/, end + '$1' + begin)
          .replace(new RegExp(reend + "(.*?)" + rebegin, "g"), function (text) {
            return text
              .replace(new RegExp("^" + reend + "(.*)" + rebegin + "$"), "$1")
              .replace(/\\/g, "\\\\")
              .replace(/'/g, "\\'")
              .replace(/^(.*)$/, end + "_result += '$1';" + begin);
          })
          .replace(new RegExp(rebegin + "=(.*?)" + reend, "g"), "_result += ($1); ")
          .replace(new RegExp(rebegin + "(.*?)" + reend, "g"), ' $1 ')
          .replace(new RegExp("^" + reend + "(.*)" + rebegin + "$"), '$1') +
      "_result = _result.replace(/^\\s*/, '').replace(/\\s*$/, '');\n" + 
      "var ret = $(_result).data('template_obj', self);\n" +
      "jQuery(document).trigger('template.created.' + this.templateName, [{ctx: self, el: ret}]);\n" +
      "return ret;";
    
    return new Function("self", code);
  };
 
  /* Some supplemental useful snippets that help build the widget system */
  $(function() {
    $.pageTemplates = {};
    $("script[type=text/x-jquery-template]").each(function() {
      $.pageTemplates[this.title] = $.makeTemplate(this.innerHTML, "[%", "%]");  
      $.pageTemplates[this.title].templateName = this.title;
    });
  });
  
  $.fn.invoke = function(name, rest) {
    meth = $(this).data("methods")[name];
    if(!meth)
      throw new Error("No method by the name of " + name + " exists on this element");
    else
      return meth.apply(this[0], Array.prototype.slice.call(arguments, 1, -1));
  };
})(jQuery);
 
 
      usage.js
    
    
        embed
        
      
      raw
    
  
            1

          
              $.pageTemplate.awesome(json)
            
          
      use-it.html
    
    
        embed
        
      
      raw
    
  
            1
2
3

          
              <script title="awesome" type="text/x-jquery-template">
  <%= input_tag(:name => "[%= self.name %]", :value => "[%= self.value %]" %>
</script>