Browser-Side Templating

Search Options	close
Search the following clips: All Clips

news science politics food economy art
technology health internet religion psychology

Sign Up Install Learn More Login


	Browser-Side Templating

muccelmic

10-3-2006 3:00 PM

514 views

tags:

js, javascript, template

Add a Comment

Login to Comment. Not a member yet? Sign up

Today's Top Clips

visit the Top Clips page

View the Top Clips from October 3, 2006

Embed This Clip In Your Site...

<div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://www.clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="see clips that are hot right now"><img src="http://content.clipmarks.com/blog_embed/ec40dadf-4572-4ddd-82ae-52dfb16c2d27/879412F6-C820-45DD-BDFC-CA18A0C1CB18/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://ajaxpatterns.org/Browser-Side_Templating" href="http://ajaxpatterns.org/Browser-Side_Templating" style="font-size: 11px;">ajaxpatterns.org</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://ajaxpatterns.org/Browser-Side_Templating"><H1 class="firstHeading">Browser-Side Templating</H1></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://ajaxpatterns.org/Browser-Side_Templating"><TABLE class="toc" id="toc"><TBODY><TR><TD><DIV id="toctitle"><H2>Contents</H2> <SPAN class="toctoggle">[<A id="togglelink" class="internal" href="javascript:alert('This link contains javascript. Please visit the clip source to follow this link.');" target="_self">hide</A>]</SPAN></DIV>
<UL>
<LI class="toclevel-1"><A href="%23In_A_Blink"><SPAN class="tocnumber">1</SPAN> <SPAN class="toctext">In A Blink</SPAN></A></LI>
<LI class="toclevel-1"><A href="%23Technical_Story"><SPAN class="tocnumber">2</SPAN> <SPAN class="toctext">Technical Story</SPAN></A></LI>
<LI class="toclevel-1"><A href="%23Problem"><SPAN class="tocnumber">3</SPAN> <SPAN class="toctext">Problem</SPAN></A></LI>
<LI class="toclevel-1"><A href="%23Forces"><SPAN class="tocnumber">4</SPAN> <SPAN class="toctext">Forces</SPAN></A></LI>
<LI class="toclevel-1"><A href="%23Solution"><SPAN class="tocnumber">5</SPAN> <SPAN class="toctext">Solution</SPAN></A></LI>
<LI class="toclevel-1"><A href="%23Decisions"><SPAN class="tocnumber">6</SPAN> <SPAN class="toctext">Decisions</SPAN></A>
<UL>
<LI class="toclevel-2"><A href="%23Will_the_template_include_any_code.3F_How_much.3F"><SPAN class="tocnumber">6.1</SPAN> <SPAN class="toctext">Will the template include any code? How much?</SPAN></A></LI>
<LI class="toclevel-2"><A href="%23How_to_prepare_the_template.27s_context.3F"><SPAN class="tocnumber">6.2</SPAN> <SPAN class="toctext">How to prepare the template's context?</SPAN></A></LI>
</UL>
</LI>
<LI class="toclevel-1"><A href="%23Real-World_Examples"><SPAN class="tocnumber">7</SPAN> <SPAN class="toctext">Real-World Examples</SPAN></A>
<UL>
<LI class="toclevel-2"><A href="%23Ajax_Pages_Framework"><SPAN class="tocnumber">7.1</SPAN> <SPAN class="toctext">Ajax Pages Framework</SPAN></A></LI>
<LI class="toclevel-2"><A href="%23Javascript_Templates_Framework"><SPAN class="tocnumber">7.2</SPAN> <SPAN class="toctext">Javascript Templates Framework</SPAN></A></LI>
<LI class="toclevel-2"><A href="%23Jemplate"><SPAN class="tocnumber">7.3</SPAN> <SPAN class="toctext">Jemplate</SPAN></A></LI>
</UL>
</LI>
<LI class="toclevel-1"><A href="%23Refactoring_Illustration"><SPAN class="tocnumber">8</SPAN> <SPAN class="toctext">Refactoring Illustration</SPAN></A>
<UL>
<LI class="toclevel-2"><A href="%23Templating_Drilldown_Demo"><SPAN class="tocnumber">8.1</SPAN> <SPAN class="toctext">Templating Drilldown Demo</SPAN></A>
<UL>
<LI class="toclevel-3"><A href="%23Initial_Version"><SPAN class="tocnumber">8.1.1</SPAN> <SPAN class="toctext">Initial Version</SPAN></A></LI>
<LI class="toclevel-3"><A href="%23Refactored_To_Render_from_a_Template"><SPAN class="tocnumber">8.1.2</SPAN> <SPAN class="toctext">Refactored To Render from a Template</SPAN></A></LI>
<LI class="toclevel-3"><A href="%23Refactored_to_Improve_Template_Context"><SPAN class="tocnumber">8.1.3</SPAN> <SPAN class="toctext">Refactored to Improve Template Context</SPAN></A></LI>
</UL>
</LI>
</UL>
</LI>
<LI class="toclevel-1"><A href="%23Alternatives"><SPAN class="tocnumber">9</SPAN> <SPAN class="toctext">Alternatives</SPAN></A>
<UL>
<LI class="toclevel-2"><A href="%23Browser-Side_XSLT"><SPAN class="tocnumber">9.1</SPAN> <SPAN class="toctext">Browser-Side XSLT</SPAN></A></LI>
</UL>
</LI>
<LI class="toclevel-1"><A href="%23Related_Patterns"><SPAN class="tocnumber">10</SPAN> <SPAN class="toctext">Related Patterns</SPAN></A>
<UL>
<LI class="toclevel-2"><A href="%23Semantic_Response"><SPAN class="tocnumber">10.1</SPAN> <SPAN class="toctext">Semantic Response</SPAN></A></LI>
<LI class="toclevel-2"><A href="%23XML_Message"><SPAN class="tocnumber">10.2</SPAN> <SPAN class="toctext">XML Message</SPAN></A></LI>
<LI class="toclevel-2"><A href="%23JSON_Message"><SPAN class="tocnumber">10.3</SPAN> <SPAN class="toctext">JSON Message</SPAN></A></LI>
</UL>
</LI>
<LI class="toclevel-1"><A href="%23Visual_Metaphor"><SPAN class="tocnumber">11</SPAN> <SPAN class="toctext">Visual Metaphor</SPAN></A></LI>
<LI class="toclevel-1"><A href="%23Want_to_Know_More.3F"><SPAN class="tocnumber">12</SPAN> <SPAN class="toctext">Want to Know More?</SPAN></A></LI>
</UL>
</TD></TR></TBODY></TABLE></blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;">&nbsp;</td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/879412F6-C820-45DD-BDFC-CA18A0C1CB18/blog/" title="blog or email this clip"><img src="http://content8.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>

New from the makers of Clipmarks: Amplify.com - Don't just share the news...Amplify it!

Clipmarks: Home; New Clips; Top Clips; Dashboard

Popular Topics: News; Life; Science; Technology; Entertainment

Get Started: Sign Up; Install Clipping Tool; How Clipping Works; Clip-to-Blog™; ClipSearch

Tools and Resources: FAQ; ClipWeek; Top Clippers; Top Tags; Site Map

About Clipmarks: About Us; Contact; Copyright; Privacy; EULA

Search Options

Today's Top Clips