How do I create HTML navigation using JSON structure

esthercheetah

New Member
While I have created basic HTML navigation using Javascript/CSS, I need to create the following navigation using the JSON structure;So the nav should look like;
PhYvD.jpg
The JSON structure is as follows;\[code\]{ "general":{ "logo":"assets/images/logo.png", "name" : "Company Name" }, "navigation":[ { "title":"Home", "link":"index.html" }, { "title":"Products", "link":"product.html", "subnav":[ { "title":"Webapps", "link":"products/webapps.html" }, { "title":"Mobile Apps", "link":"products/mobile-apps.html" } ] } ]}\[/code\]How do I create the HTML using the JSON structure;The navigation comprises of data for a multiple level navigation. The placeholder will define where the navigation appears, so it could appear in multiple places also. Also the DOM should be created using JS and JS should be unobtrusive.Please help me. I am not looking at actual code, but links to similar examples for reference would be really helpful...I just need the steps/hints to achieve it.Thank you.
 
Back
Top