Learning gen-menu with js
for my blog anovsiradj.blogspot.com
by Anov Siradj
HTML
<div id="worklist"></div>
JavaScript
var res = document.getElementById("worklist"),
//hdr = document.createElement("h4"),
_hr = document.createElement("hr"),
e1 = document.createElement("div"),
e2 = document.createElement("a");
var work = [
{
"_ttl":"Website",
"_val":[
{
"_txt":"Homepage",
"_url":"http://www.anovsiradj.com/",
"_info":"Website komersial saya"
}
]
},
{
"_ttl":"Blog Saya",
"_val":[
{
"_txt":"Blogger",
"_url":"http://near.anovsiradj.com/",
"_info":"Blog sejak saya SMP. Dibuat waktu Mapel Komputer.",
"_elm":"span"
},
{
"_txt":"WordPress",
"_url":"https://anovsiradj.wordpress.com/",
"_info":"Saya penasaran dengan WordPress. Jadi saya membuatnya."
}
]
}
];
function cl(e) {
console.log(e);
}
function makeworklist() {
cl("-----new");
var x_hdr = hdr;
for(var n=0; n< work.length; n++) {
var wrp = document.createElement("div");
var hdr = document.createElement("h4");
if(typeof work[n]._ttl !== "undefined") {
r_ttl = document.createTextNode(work[n]._ttl);
hdr.appendChild(r_ttl);
wrp.appendChild(hdr);
res.appendChild(wrp);
};
// lv-2
var _list = document.createElement("ol");
for(var m=0; m< work[n]._val.length; m++) {
var _onc = document.createElement("li");
if(typeof work[n]._val[m]._elm === "undefined") {
var _ob = document.createElement("a");
if(typeof work[n]._val[m]._url !== "undefined") {
_ob.href = work[n]._val[m]._url;
}
} else {
var _ob = document.createElement(work[n]._val[m]._elm);
}
var _ob_t = document.createTextNode(work[n]._val[m]._txt);
_ob.appendChild(_ob_t);
_onc.appendChild(_ob);
...