Rizqi Ahmad from Germany has introduced a nice solution for client-side template based on JQuery. The Chain.js allows you to use any piece of HTML (or embedded HTML string) as template to display data dynamically.

In introductory post, he went through some common approach like server-side data binding, injecting preformatted HTML (into well-known DOM property innerHTML) and directly manipulating DOM, then explained why Chain.js is better way:

1. Easy and compact (as it uses JQuery for manipulating DOM)
2. Preserve event(s) on updates
3. Allow dynamically add/remove data

To use the engine, you’ll need to download JQuery (better the latest version) and Chain.js then add script tags to load them.

<script src="path/to/jquery.js" language="javascript"> </script>
<script src="path/to/chain.js" language="javascript"> </script>

Practical Example on Chain.js

Now, we’ll create a practical example that allows user select a programming language and display recommended reading books accordantly. This is almost similar to another example I created for PURE library.

First, build a template table to display book list:

Read the rest of this entry »

Recommended Reading

The Solution: Conquer Your Fear, Control Your FutureBegin now to believe that anything is possible. Begin now to change the person you are into the person you can become. You are about to embark on an exciting journey of self-discovery.

Dr. Bernstein's Diabetes Solution: The Complete Guide to Achieving Normal Blood SugarsOriginally published in 1997, DR. BERNSTEIN'S DIABETES SOLUTION is a unique resource that covers both adult- and childhood-onset diabetes, explains st... Read More >

Interviewing for SolutionsWritten in a clear, informative, and informal style, INTERVIEWING FOR SOLUTIONS features a unique solutions-oriented approach to basic interviewing in... Read More >