newgen broadcast
newgen broadcast
by mshannaq
HTML
<script src="http://sam-sandbox.googlecode.com/svn/trunk/js/mustache/mustache.js"></script>
<div class="broadcast">title1</div>
<div class="broadcast">title2</div>
<p id="content"></p>
<div id="hidden_solobroadcast">
Hello {{{name}}}
<h1></h1>
{{#indexes}}
<b>index is: {{indexname}} and url is: {{url}} <br />
</b>
{{/indexes}}
</div>
CSS
#hidden_solobroadcast{
display:none;
}
JavaScript
$.concat||$.extend({concat:function(b,c){var a=[];for(x in arguments)a=a.concat(arguments[x]);return a}});
$(document).ready(function(){
//document ready
var solobroadcast_template =$("#hidden_solobroadcast").html()
var b = new Array();
b.push([{"indexname": "green", "url":"#Green"}])
b.push([{"indexname": "red", "url":"#red"}])
//how can we know b[] while the array b contain unknown keys
//var bindexes = $.concat(b[0],b[1]);
var bindexes = [];
bindexes = bindexes.concat.apply(bindexes, b);
var convertedvars = {
name: "sam",
indexes: function (){return bindexes}
}
var output = Mustache.render(solobroadcast_template, convertedvars);
document.getElementById("content").innerHTML = output;
});