Handlebars - Revision history

Bacchas at 21:17, 17 January 2017

2017-01-17T21:17:39Z

← Older revision		Revision as of 21:17, 17 January 2017
Line 1:		Line 1:
	==[[example1\| Source Code 1]]==		==[[example1\| Source Code 1]]==
	==[[handlebarsHelpers\| Handlebars Helpers]]==		==[[handlebarsHelpers\| Handlebars Helpers]]==
			==[[blockhelp \| Block Helpers]]==

Bacchas at 17:47, 17 January 2017

2017-01-17T17:47:56Z

← Older revision		Revision as of 17:47, 17 January 2017
Line 1:		Line 1:
	==[[example1\| Source Code 1]]==		==[[example1\| Source Code 1]]==
			==[[handlebarsHelpers\| Handlebars Helpers]]==

Bacchas: Replaced content with "== Source Code 1=="

2017-01-17T16:48:10Z

Replaced content with "== Source Code 1=="

← Older revision		Revision as of 16:48, 17 January 2017
Line 1:		Line 1:
			==[[example1\| Source Code 1]]==
	~~''' Load the handlebar.js from handlebarjs.com'''~~

	==~~HTML CODE ==~~
	~~<pre>~~
	~~<body>~~
	~~<script id="content" type="text/x-hanglebars-template">~~
	~~<li>{{name}}</li>~~
	~~<li>{{date}}</li>~~
	~~<p>{{comment}}</p>~~
	~~</script>~~
	~~<div id="licontent">~~
	~~<ul> </ul>~~

	~~</div>~~
	~~<div id="loop">~~


	~~</div>~~

	~~<script id="lcontent" type="text/x-hanglebars-template">~~
	~~{{#each theImages}}~~
	~~<h3>{{this.headline}}</h3>~~
	~~<p> <img src="images/{{this.image}}" alt="{{this.id}}" /> </p>~~
	~~<p>{{this.textcontent}}</p>~~
	~~{{/each}}~~

	~~</script>~~
	~~<script src="usinghandle.js"></script>~~
	~~</body>~~
	~~</pre>~~

	~~==Javascript Code==~~

	~~<pre>~~
	~~var data = {~~
	~~name: "Robert",~~
	~~date: "totay",~~
	~~comment: "This is a comment"~~
	};

	~~var content = {~~
	~~theImages:~~ [{
	~~id: 1,~~
	~~image: "002.jpg",~~
	~~headline: "Classic Strap (Single Wood Door Kit)",~~
	~~textcontent: "as either me with all o"~~
	},

	{
	~~id: 2,~~
	~~image: "003.jpg",~~
	~~headline: "The BrownStone",~~
	~~textcontent: "Easily install Available "~~
	~~}, {~~
	~~id: 3,~~
	~~image: "004.jpg",~~
	~~headline: "The loft",~~
	~~textcontent: "the hardware nare availabl"~~
	~~}, {~~
	~~id: 4,~~
	~~image: "005.jpg",~~
	~~headline: "The Townhouse",~~
	~~textcontent: "an a Stainless "~~
	}

	]
	};

	~~var source = $("#content").html();~~
	~~var template = Handlebars.compile(source);~~
	~~$('ul').append(template(data));~~

	~~var lsource = $("#lcontent").html();~~
	~~var ltemplate = Handlebars.compile(lsource);~~
	~~var compiledhtml = ltemplate(content);~~
	~~$('#loop').append(compiledhtml);~~
	~~</pre>~~
	==[~~[#top~~\|~~Back To Top]]-[[Main_Page\| Home]] - [[Java Script\|Category~~]]==

Bacchas at 23:14, 16 January 2017

2017-01-16T23:14:08Z

← Older revision		Revision as of 23:14, 16 January 2017
Line 77:		Line 77:
	$('#loop').append(compiledhtml);		$('#loop').append(compiledhtml);
	</pre>		</pre>
			==[[#top\|Back To Top]]-[[Main_Page\| Home]] - [[Java Script\|Category]]==

Bacchas at 23:12, 16 January 2017

2017-01-16T23:12:43Z

← Older revision		Revision as of 23:12, 16 January 2017
Line 1:		Line 1:
	~~=Handlebars=~~
	''' Load the handlebar.js from handlebarjs.com'''		''' Load the handlebar.js from handlebarjs.com'''

Bacchas: /* Javascript Code */

2017-01-16T23:12:02Z

Javascript Code

← Older revision		Revision as of 23:12, 16 January 2017
Line 45:		Line 45:
	image: "002.jpg",		image: "002.jpg",
	headline: "Classic Strap (Single Wood Door Kit)",		headline: "Classic Strap (Single Wood Door Kit)",
	textcontent: "as either ~~a Sliding or Rolling Barndoor, these kits come~~ with all o"		textcontent: "as either me with all o"
	},		},

Line 52:		Line 52:
	image: "003.jpg",		image: "003.jpg",
	headline: "The BrownStone",		headline: "The BrownStone",
	textcontent: "Easily install ~~a classic barndoor with Architectural Products by Outwater's Barndoor Hardware Kits.~~ Available "		textcontent: "Easily install Available "
	}, {		}, {
	id: 3,		id: 3,
	image: "004.jpg",		image: "004.jpg",
	headline: "The loft",		headline: "The loft",
	textcontent: "the hardware ~~needed for a trouble-free installation and are~~ availabl"		textcontent: "the hardware nare availabl"
	}, {		}, {
	id: 4,		id: 4,
	image: "005.jpg",		image: "005.jpg",
	headline: "The Townhouse",		headline: "The Townhouse",
	textcontent: "an ~~assortment of finishes such as, Matte Black, Espresso, and~~ Stainless "		textcontent: "an a Stainless "
	}		}

Bacchas: Created page with "=Handlebars= ''' Load the handlebar.js from handlebarjs.com''' ==HTML CODE ==

← Older revision		Revision as of 21:17, 17 January 2017
Line 1:		Line 1:
	==[[example1\| Source Code 1]]==		==[[example1\| Source Code 1]]==
	==[[handlebarsHelpers\| Handlebars Helpers]]==		==[[handlebarsHelpers\| Handlebars Helpers]]==
			==[[blockhelp \| Block Helpers]]==