Fixed minor bug in domManip override.

Changed Template Tags map to be named jQuery.tmpl.tag, rather than jQuery.tmpl.tags, for consistency. (Just as jQuery.template, rather than jQuery.templates, is the map for named templates). Changed convention on all samples to use <script type="text/x-jquery-tmpl"> rather than type="text/html". (Needs a specific mime-type, so that future tooling can provide an appropriate experience).
webdhg · Aug 23, 2010 · 466f1fc · 466f1fc
1 parent 189c570
commit 466f1fc
Show file tree

Hide file tree

Showing 19 changed files with 51 additions and 51 deletions.
diff --git a/README.md b/README.md
@@ -7,9 +7,9 @@ ____________________________________________________________________
 		.appendTo( "ul" );
 ____________________________________________________________________
 
-	<!-- Declare a template as a script block of type "text/html" -->
+	<!-- Declare a template as a script block of type "text/x-jquery-tmpl" -->
 
-	<script id="sometmpl" type="text/html">
+	<script id="sometmpl" type="text/x-jquery-tmpl">
 		<li>${firstName}</li>
 	</script>
 ____________________________________________________________________

diff --git a/demos/movies/PagesCore/movies.html b/demos/movies/PagesCore/movies.html
@@ -47,7 +47,7 @@ <h1>Netflix: Book a Movie...</h1>
 <script src="../components/jquery.pager.js" type="text/javascript"></script>
 <script src="../components/jquery-ui-1.8.1.custom.js" type="text/javascript"></script>
 
-<script id="movieTmpl" type="text/html">
+<script id="movieTmpl" type="text/x-jquery-tmpl">
 	<div>
 		<div><img src="${BoxArt.LargeUrl}" /> </div>
 		<strong>${Name}</strong>
@@ -57,7 +57,7 @@ <h1>Netflix: Book a Movie...</h1>
 	</div>
 </script>
 
-<script id="cartTmpl" type="text/html">
+<script id="cartTmpl" type="text/x-jquery-tmpl">
 	<td class="cart-${!!count}" colspan="4">
 		<span class="text">${count} items in Cart...</span>
 		{{if count}}
@@ -77,7 +77,7 @@ <h1>Netflix: Book a Movie...</h1>
 	</td>
 </script>
 
-<script id="bookingTitleTmpl" type="text/html">
+<script id="bookingTitleTmpl" type="text/x-jquery-tmpl">
 	<tr class="bookingTitle${$item.mode}">
 		<td>${movie.Name}</td><td>${movieTheater}</td>
 		<td>${formatDate(date)}</td>
@@ -88,7 +88,7 @@ <h1>Netflix: Book a Movie...</h1>
 	</tr>
 </script>
 
-<script id="bookingEditTmpl" type="text/html">
+<script id="bookingEditTmpl" type="text/x-jquery-tmpl">
 	{{tmpl($data, {mode: "Edit"}) "#bookingTitleTmpl"}}
 	<tr class="bookingEdit">
 		<td colspan="4">

diff --git a/demos/movies/PagesTmplPlus/movies1.html b/demos/movies/PagesTmplPlus/movies1.html
@@ -49,7 +49,7 @@ <h1>Netflix: Book a Movie...</h1>
 <script src="../components/jquery.pager.js" type="text/javascript"></script>
 <script src="../components/jquery-ui-1.8.1.custom.js" type="text/javascript"></script>
 
-<script id="movieTmpl" type="text/html">
+<script id="movieTmpl" type="text/x-jquery-tmpl">
 	<div>
 		<div><img src="${BoxArt.LargeUrl}" /> </div>
 		<strong>${Name}</strong>
@@ -59,7 +59,7 @@ <h1>Netflix: Book a Movie...</h1>
 	</div>
 </script>
 
-<script id="cartTmpl" type="text/html">
+<script id="cartTmpl" type="text/x-jquery-tmpl">
 	<td class="cart-${!!count}" colspan="4">
 		<span class="text">${count} items in Cart...</span>
 		{{if count}}
@@ -79,7 +79,7 @@ <h1>Netflix: Book a Movie...</h1>
 	</td>
 </script>
 
-<script id="bookingTitleTmpl" type="text/html">
+<script id="bookingTitleTmpl" type="text/x-jquery-tmpl">
 	<tr class="bookingTitle${$item.mode}">
 		<td>${movie.Name}</td><td>${movieTheater}</td>
 		<td>${formatDate(date)}</td>
@@ -90,7 +90,7 @@ <h1>Netflix: Book a Movie...</h1>
 	</tr>
 </script>
 
-<script id="bookingEditTmpl" type="text/html">
+<script id="bookingEditTmpl" type="text/x-jquery-tmpl">
 	{{tmpl($data, {mode: "Edit"}) "#bookingTitleTmpl"}}
 	<tr class="bookingEdit">
 		<td colspan="4">

diff --git a/demos/movies/PagesTmplPlus/movies2.html b/demos/movies/PagesTmplPlus/movies2.html
@@ -48,7 +48,7 @@ <h1>Netflix: Book a Movie...</h1>
 <script src="../components/jquery.pager.js" type="text/javascript"></script>
 <script src="../components/jquery-ui-1.8.1.custom.js" type="text/javascript"></script>
 
-<script id="movieTmpl" type="text/html">
+<script id="movieTmpl" type="text/x-jquery-tmpl">
 	<div>
 		<div><img src="${BoxArt.LargeUrl}" /> </div>
 		<strong>${Name}</strong>
@@ -58,7 +58,7 @@ <h1>Netflix: Book a Movie...</h1>
 	</div>
 </script>
 
-<script id="cartTmpl" type="text/html">
+<script id="cartTmpl" type="text/x-jquery-tmpl">
 	<td class="cart-${!!count}" colspan="4">
 		<span class="text">${count} items in Cart...</span>
 		{{if count}}
@@ -78,7 +78,7 @@ <h1>Netflix: Book a Movie...</h1>
 	</td>
 </script>
 
-<script id="bookingTitleTmpl" type="text/html">
+<script id="bookingTitleTmpl" type="text/x-jquery-tmpl">
 	<tr class="bookingTitle${$item.mode}">
 		<td>${movie.Name}</td><td>${movieTheater}</td>
 		<td>${formatDate(date)}</td>
@@ -89,7 +89,7 @@ <h1>Netflix: Book a Movie...</h1>
 	</tr>
 </script>
 
-<script id="bookingEditTmpl" type="text/html">
+<script id="bookingEditTmpl" type="text/x-jquery-tmpl">
 	{{tmpl($data, {mode: "Edit"}) "#bookingTitleTmpl"}}
 	<tr class="bookingEdit">
 		<td colspan="4">

diff --git a/demos/movies/PagesTmplPlus/movies3.html b/demos/movies/PagesTmplPlus/movies3.html
@@ -48,7 +48,7 @@ <h1>Netflix: Book a Movie...</h1>
 <script src="../components/jquery.pager.js" type="text/javascript"></script>
 <script src="../components/jquery-ui-1.8.1.custom.js" type="text/javascript"></script>
 
-<script id="movieTmpl" type="text/html">
+<script id="movieTmpl" type="text/x-jquery-tmpl">
 	<div>
 		<div><img src="${BoxArt.LargeUrl}" /> </div>
 		<strong>${Name}</strong>
@@ -58,7 +58,7 @@ <h1>Netflix: Book a Movie...</h1>
 	</div>
 </script>
 
-<script id="cartTmpl" type="text/html">
+<script id="cartTmpl" type="text/x-jquery-tmpl">
 	<td class="cart-${!!count}" colspan="4">
 		<span class="text">${count} items in Cart...</span>
 		{{if count}} 
@@ -78,7 +78,7 @@ <h1>Netflix: Book a Movie...</h1>
 	</td>
 </script>
 
-<script id="bookingTitleTmpl" type="text/html">
+<script id="bookingTitleTmpl" type="text/x-jquery-tmpl">
 	<tr class="bookingTitle${$item.mode}">
 		<td>${movie.Name}</td><td>${movieTheater}</td>
 		<td>${formatDate(date)}</td>
@@ -89,7 +89,7 @@ <h1>Netflix: Book a Movie...</h1>
 	</tr>
 </script>
 
-<script id="bookingEditTmpl" type="text/html">
+<script id="bookingEditTmpl" type="text/x-jquery-tmpl">
 	{{tmpl($data, {mode: "Edit"}) "#bookingTitleTmpl"}}
 	<tr class="bookingEdit">
 		<td colspan="4">

diff --git a/demos/samplesCore/Interactive/tabsTmpl.html b/demos/samplesCore/Interactive/tabsTmpl.html
@@ -15,7 +15,7 @@ <h1>Tabs</h1>
 <script src="http://code.jquery.com/jquery.js" type="text/javascript"></script>
 <script src="../../../jquery.tmpl.js" type="text/javascript"></script>
 
-<script id="tabsTmpl" type="text/html">
+<script id="tabsTmpl" type="text/x-jquery-tmpl">
 	<table class="tabsView"><tbody>
 		<tr>{{tmpl(items) "#headerItemTmpl"}}</tr>
 		<tr><td colspan="${items.length}">
@@ -24,11 +24,11 @@ <h1>Tabs</h1>
 	</tbody></table>
 </script>
 
-<script id="headerItemTmpl" type="text/html">
+<script id="headerItemTmpl" type="text/x-jquery-tmpl">
 	<th class="header_${$data === activeDataItem}">${name}</th>
 </script>
 
-<script id="contentTmpl" type="text/html">
+<script id="contentTmpl" type="text/x-jquery-tmpl">
 	<h3>${title}</h3>
 	<div>{{html description}}</div>
 </script>

diff --git a/demos/samplesCore/Interactive/tabsWrap.html b/demos/samplesCore/Interactive/tabsWrap.html
@@ -16,7 +16,7 @@ <h1>Tabs</h1>
 <script src="http://code.jquery.com/jquery.js" type="text/javascript"></script>
 <script src="../../../jquery.tmpl.js" type="text/javascript"></script>
 
-<script id="tabsTmpl" type="text/html">
+<script id="tabsTmpl" type="text/x-jquery-tmpl">
 	{{wrap(null, {state: state}) "#tabsWrap"}}
 
 		<h3>Inline</h3>
@@ -37,7 +37,7 @@ <h3>Remote</h3>
 	{{/wrap}}
 </script>
 
-<script id="tabsWrap" type="text/html">
+<script id="tabsWrap" type="text/x-jquery-tmpl">
 	<table class="tabsView"><tbody>
 		<tr>
 			{{each tabs}}

diff --git a/demos/samplesCore/Interactive/tabsWrapImperative.html b/demos/samplesCore/Interactive/tabsWrapImperative.html
@@ -33,7 +33,7 @@ <h3>Remote</h3>
 	</div>
 </div>
 
-<script id="tabsWrap" type="text/html">
+<script id="tabsWrap" type="text/x-jquery-tmpl">
 	<table class="tabsView"><tbody>
 		<tr>
 			{{each $item.html("h3", true)}}

diff --git a/demos/samplesCore/Interactive/tabsWrapNested.html b/demos/samplesCore/Interactive/tabsWrapNested.html
@@ -16,7 +16,7 @@ <h1>Tabs</h1>
 <script src="http://code.jquery.com/jquery.js"></script>
 <script src="../../../jquery.tmpl.js" type="text/javascript"></script>
 
-<script id="tabsTmpl" type="text/html">
+<script id="tabsTmpl" type="text/x-jquery-tmpl">
 	{{wrap(null, {state: outerState}) "#tabsWrap"}}
 
 		<h3>Inline</h3>
@@ -52,7 +52,7 @@ <h3>POST</h3>
 	{{/wrap}}
 </script>
 
-<script id="tabsWrap" type="text/html">
+<script id="tabsWrap" type="text/x-jquery-tmpl">
 	<table class="tabsView"><tbody>
 		<tr>
 			{{each tabs}}

diff --git a/demos/samplesCore/Interactive/treeView.html b/demos/samplesCore/Interactive/treeView.html
@@ -16,7 +16,7 @@ <h1>Tree View</h1>
 <script src="http://code.jquery.com/jquery.js" type="text/javascript"></script>
 <script src="../../../jquery.tmpl.js" type="text/javascript"></script>
 
-<script id="folderTmpl" type="text/html">
+<script id="folderTmpl" type="text/x-jquery-tmpl">
 	<li class="content_${hasContent($item)}">
 		<img class="expand" src="resources/${expanderImage}.png" />
 		<img class="folder" src="resources/folder.png" />
@@ -30,7 +30,7 @@ <h1>Tree View</h1>
 	{{/if}}
 </script>
 
-<script id="itemTmpl" type="text/html">
+<script id="itemTmpl" type="text/x-jquery-tmpl">
 	<li class="folderItem">${name}</li>
 </script>
 

diff --git a/demos/samplesCore/basic.html b/demos/samplesCore/basic.html
@@ -110,7 +110,7 @@
 });
 </script>
 
-<script id="sometmpl" type="text/html">
+<script id="sometmpl" type="text/x-jquery-tmpl">
 	<li>
 		{{if $item.array}}
 			${index($item.array)} of ${$item.array.length})
@@ -124,7 +124,7 @@
 	</li>
 </script>
 
-<script id="leadingOrTrailingText" type="text/html">
+<script id="leadingOrTrailingText" type="text/x-jquery-tmpl">
 	${firstName} <strong>${lastName}</strong> <br/>
 </script>
 

diff --git a/demos/samplesCore/composition.html b/demos/samplesCore/composition.html
@@ -69,19 +69,19 @@
 });
 </script>
 
-<script id="tmplPeople" type="text/html">
+<script id="tmplPeople" type="text/x-jquery-tmpl">
 	{{tmpl "#tmplSeparator"}}
 	<tr class="${alternate(this.data, people)}"><td colspan="2"><a href="${url}">${getName}</a></td></tr>
 	{{if cities}}
 		{{tmpl(cities) getTemplate("City")}}
 	{{/if}}
 </script>
 
-<script id="tmplSeparator" type="text/html">
+<script id="tmplSeparator" type="text/x-jquery-tmpl">
 	<tr class="separator"><td colspan="2"></td></tr>
 </script>
 
-<script id="tmplCity" type="text/html">
+<script id="tmplCity" type="text/x-jquery-tmpl">
 	{{tmpl "citySeparator"}}
 	<tr class="${alternate(this.parent.data, people)}"><td colspan="2"><b><i>City ${cityNumber}:</i></b></td></tr>
 	<tr class="${alternate(this.parent.data, people)}"><td><b>${name}</b></td><td>${state}</td></tr>

diff --git a/demos/samplesCore/each.html b/demos/samplesCore/each.html
@@ -63,7 +63,7 @@
 }
 </script>
 
-<script id="tmplPeople" type="text/html">
+<script id="tmplPeople" type="text/x-jquery-tmpl">
 	<tr class="${alternate($data, people)}"><td colspan="2"><a href="${url}">${getName}</a></td></tr>
 	{{each cities}}
 		<tr class="cityseparator"><td colspan="2"></td></tr>

diff --git a/demos/samplesCore/parameters.html b/demos/samplesCore/parameters.html
@@ -70,7 +70,7 @@
 var startIndex = 1, endIndex = 3;
 </script>
 
-<script id="tmplPeople" type="text/html">
+<script id="tmplPeople" type="text/x-jquery-tmpl">
 	<tr class="${alternate}"><td colspan="3"><a href="${url}">${getName}</a></td></tr>
 	{{tmpl "#tmplSeparator"}}
 	{{if getCityCount(startIndex, endIndex)}}
@@ -88,7 +88,7 @@
 	{{/if}}
 </script>
 
-<script id="tmplSeparator" type="text/html">
+<script id="tmplSeparator" type="text/x-jquery-tmpl">
 	<tr class="${$item.type}separator"><td colspan="3"></td></tr>
 </script>
 

diff --git a/demos/samplesTmplPlus/basic.html b/demos/samplesTmplPlus/basic.html
@@ -75,7 +75,7 @@
 });
 </script>
 
-<script id="sometmpl" type="text/html">
+<script id="sometmpl" type="text/x-jquery-tmpl">
 	<li>${index($item.array)} of ${$item.array.length}) <a href="${url}">${getName()}</a>
 	{{if $item.showCities}}
 		Cities: {{each cities}} ${this} {{/each}}
@@ -85,7 +85,7 @@
 	</li>
 </script>
 
-<script id="leadingOrTrailingText" type="text/html">
+<script id="leadingOrTrailingText" type="text/x-jquery-tmpl">
 	${firstName} <strong>${lastName}</strong> <br/>
 </script>
 

diff --git a/demos/samplesTmplPlus/composition.html b/demos/samplesTmplPlus/composition.html
@@ -65,23 +65,23 @@
 });
 </script>
 
-<script id="tmplPeople" type="text/html">
+<script id="tmplPeople" type="text/x-jquery-tmpl">
 	{{tmpl "#tmplSeparator"}}
 	<tr class="${alternate($data, people)}"><td colspan="2"><a href="${url}">${getName}</a></td></tr>
 	{{if cities}}
 		{{tmpl(cities) getTemplate("City")}}
 	{{/if}}
 </script>
 
-<script id="tmplSeparator" type="text/html">
+<script id="tmplSeparator" type="text/x-jquery-tmpl">
 	<tr class="separator"><td colspan="2"></td></tr>
 </script>
 
-<script id="tmplCitySeparator" type="text/html">
+<script id="tmplCitySeparator" type="text/x-jquery-tmpl">
 	<tr class="citySeparator"><td colspan="2"></td></tr>
 </script>
 
-<script id="tmplCity" type="text/html">
+<script id="tmplCity" type="text/x-jquery-tmpl">
 	{{tmpl "#tmplCitySeparator"}}
 	<tr class="${alternate(this.parent.data, people)}"><td colspan="2"><b><i>City ${cityNumber}:</i></b></td></tr>
 	<tr class="${alternate(this.parent.data, people)}"><td><b>${name}</b></td><td>${state}</td></tr>

diff --git a/demos/samplesTmplPlus/each.html b/demos/samplesTmplPlus/each.html
@@ -64,7 +64,7 @@
 }
 </script>
 
-<script id="tmplPeople" type="text/html">
+<script id="tmplPeople" type="text/x-jquery-tmpl">
 	<tr class="${alternate($data, people)}"><td colspan="2"><a href="${url}">${getName}</a></td></tr>
 	{{each cities}}
 		<tr class="cityseparator"><td colspan="2"></td></tr>

diff --git a/demos/samplesTmplPlus/parameters.html b/demos/samplesTmplPlus/parameters.html
@@ -70,7 +70,7 @@
 var startIndex = 1, endIndex = 3;
 </script>
 
-<script id="tmplPeople" type="text/html">
+<script id="tmplPeople" type="text/x-jquery-tmpl">
 	<tr class="${alternate}"><td colspan="3"><a href="${url}">${getName}</a></td></tr>
 	{{tmpl "#tmplSeparator"}}
 	{{if getCityCount(startIndex, endIndex)}}
@@ -88,7 +88,7 @@
 	{{/if}}
 </script>
 
-<script id="tmplSeparator" type="text/html">
+<script id="tmplSeparator" type="text/x-jquery-tmpl">
 	<tr class="${$item.type}separator"><td colspan="3"></td></tr>
 </script>