HandlebarsHelpers - Revision history

Bacchas at 21:12, 17 January 2017

2017-01-17T21:12:30Z

← Older revision		Revision as of 21:12, 17 January 2017
Line 43:		Line 43:
	</pre>		</pre>
	----		----
	===[[#top\|Back To Top]]< — >[[~~Hanglebars~~ \| Handlebars Category]]< — > [[Java Script\|java Script Category]]<-->[[Main_Page\| Home]]===		===[[#top\|Back To Top]]< — >[[Handlebars\| Handlebars Category]]< — > [[Java Script\|java Script Category]]<-->[[Main_Page\| Home]]===

Bacchas at 21:11, 17 January 2017

2017-01-17T21:11:48Z

@@ Line 41: / Line 41: @@
+}
 });
 </pre>
 ----
 ===[[#top|Back To Top]]< — >[[Hanglebars | Handlebars Category]]< — > [[Java Script|java Script Category]]<-->[[Main_Page| Home]]===

Bacchas at 20:14, 17 January 2017

2017-01-17T20:14:42Z

@@ Line 41: / Line 41: @@
+}
 });
 </pre>
 ----
 ===[[#top|Back To Top]]< — >[[Hanglebars | Handlebars Category]]< — > [[Java Script|java Script Category]]<-->[[Main_Page| Home]]===

Bacchas at 19:48, 17 January 2017

2017-01-17T19:48:42Z

← Older revision		Revision as of 19:48, 17 January 2017
Line 19:		Line 19:
	'''Passing Options'''		'''Passing Options'''
	<pre>		<pre>
			// css
			<style>
			.redText{color:red}
			.blueText{color:blue}
			.greenText{color:green}
			</style>

	{{changeColor "make my text red" color="blue"}}		{{changeColor "make my text red" color="blue"}}
	</pre>		</pre>
Line 25:		Line 32:
	Handlebars.registerHelper("changeColor", function(text, options){		Handlebars.registerHelper("changeColor", function(text, options){
	text = Handlebars.Utils.escapeExpression(text);		text = Handlebars.Utils.escapeExpression(text);
	if(options.hash.color === 'red'){		if(options.hash.color === 'red'){
	return new Handlebars.SafeString("<span class='redText'>"+ text + "</span>");		return new Handlebars.SafeString("<span class='redText'>"+ text + "</span>");
			else if(options.hash.color === 'blue'){
			return new Handlebars.SafeString("<span class='blueText'>"+ text + "</span>");
			}else{
			return new Handlebars.SafeString("<span class='greenText'>"+ text + "</span>");
			}
	}		}
	});		});

Bacchas at 19:43, 17 January 2017

2017-01-17T19:43:19Z

← Older revision		Revision as of 19:43, 17 January 2017
Line 17:		Line 17:
	</pre>		</pre>
	----		----
	'''~~Another Helper Example~~'''		'''Passing Options'''
	<pre>		<pre>
	{{changeColor "make my text red" color="blue"}}		{{changeColor "make my text red" color="blue"}}
Line 23:		Line 23:
	'''JavaScript'''		'''JavaScript'''
	<pre>		<pre>
	Handlebars.registerHelper()		Handlebars.registerHelper("changeColor", function(text, options){
			text = Handlebars.Utils.escapeExpression(text);
			if(options.hash.color === 'red'){
			return new Handlebars.SafeString("<span class='redText'>"+ text + "</span>");
			}
			});
	</pre>		</pre>
	----		----
	===[[#top\|Back To Top]]< — >[[Hanglebars \| Handlebars Category]]< — > [[Java Script\|java Script Category]]<-->[[Main_Page\| Home]]===		===[[#top\|Back To Top]]< — >[[Hanglebars \| Handlebars Category]]< — > [[Java Script\|java Script Category]]<-->[[Main_Page\| Home]]===

Bacchas at 18:09, 17 January 2017

2017-01-17T18:09:32Z

← Older revision		Revision as of 18:09, 17 January 2017
Line 17:		Line 17:
	</pre>		</pre>
	----		----
			'''Another Helper Example'''
			<pre>
			{{changeColor "make my text red" color="blue"}}
			</pre>
			'''JavaScript'''
			<pre>
			Handlebars.registerHelper()
			</pre>
	----		----
	===[[#top\|Back To Top]]< — >[[Hanglebars \| Handlebars Category]]< — > [[Java Script\|java Script Category]]<-->[[Main_Page\| Home]]===		===[[#top\|Back To Top]]< — >[[Hanglebars \| Handlebars Category]]< — > [[Java Script\|java Script Category]]<-->[[Main_Page\| Home]]===

Bacchas at 18:02, 17 January 2017

2017-01-17T18:02:50Z

← Older revision		Revision as of 18:02, 17 January 2017
Line 1:		Line 1:
			'''Helpers have to be defined before you call them '''
	<pre>		<pre>
	<script id="content" type="text/x-hanglebars-template">		<script id="content" type="text/x-hanglebars-template">
Line 15:		Line 16:
	});		});
	</pre>		</pre>
			----
			----
	===[[#top\|Back To Top]]< — >[[Hanglebars \| Handlebars Category]]< — > [[Java Script\|java Script Category]]<-->[[Main_Page\| Home]]===		===[[#top\|Back To Top]]< — >[[Hanglebars \| Handlebars Category]]< — > [[Java Script\|java Script Category]]<-->[[Main_Page\| Home]]===

Bacchas: /* Back To Top Handlebars Category Category Home */

2017-01-17T18:00:56Z

← Older revision		Revision as of 18:00, 17 January 2017
Line 15:		Line 15:
	});		});
	</pre>		</pre>
	===[[#top\|Back To Top]]< — >[[Hanglebars \| Handlebars Category]]< — > [[Java Script\|Category]]<-->[[Main_Page\| Home]]===		===[[#top\|Back To Top]]< — >[[Hanglebars \| Handlebars Category]]< — > [[Java Script\|java Script Category]]<-->[[Main_Page\| Home]]===

Bacchas: Created page with "

'''JavaScript'''

 Handlebars.registe..."

2017-01-17T18:00:15Z

Created page with "<pre> <script id="content" type="text/x-hanglebars-template"> {{makeLink "Text for Link" "http://www.outwater.com"}} </script> </pre> '''JavaScript''' <pre> Handlebars.registe..."

New page

<pre>
<script id="content" type="text/x-hanglebars-template">
{{makeLink "Text for Link" "http://www.outwater.com"}}
</script>
</pre>
'''JavaScript'''
<pre>
Handlebars.registerHelper("makeLink", function(text, url){
text= Handlebars.Utils.escapeExpression(text);
url = Handlebars.Utils.escapeExpression(url);

var theLink = '<a href=" + url + '">' + text + '</a>';
return new Handlebars.SafeString(theLink);
// SafeString does not escape return
});
</pre>
===[[#top|Back To Top]]< — >[[Hanglebars | Handlebars Category]]< — > [[Java Script|Category]]<-->[[Main_Page| Home]]===