As much as I love jQuery, prototype templates have made it into more than one of my projects because of their versatility and ease of use.  They are a capable and amazing tool for formatting and displaying output on the client side and I thought I’d take a few minutes to dive into them.

So what are templates.  In short they are a string with symbols embedded that are replaced at the time of evaluation to create a new string.  For example:

var apple = { fruit: "apple", variety: "honeycrisp" };

var templ = new Template( "My favorite fruit are #{variety} #{apple}s."  );

console.log(  templ.evalaluate( apple ));

>>> My favorite fruit are honeycrisp apples.

This basic example is really all there is to templates.  But, they can be incredibly useful for formatting and displaying JSON data. and repurposing things in universal ways across an app.

Related Posts

• April 6, 2008 -- Ajax24’s Drop Tabs. A Creative Take on The Tab Box for Scriptaculous
• January 11, 2008 -- Widget.Blender Smooth Image Morphs For Prototype
• January 10, 2008 -- Making The Browser "Aware" of AJAX Requests
• December 25, 2007 -- Proto.IPS A Fast and Easy Prototype Based Type In Place Combo Box
• December 7, 2007 -- ProtoCorners: Simple Corner Styling for Prototype