\r
<!--<link href="/public/css/bootstrap.min.css" rel="stylesheet">-->\r
<link rel="stylesheet/less" type="text/css" href="/public/less/bootstrap.less">\r
+ <script src="/public/js/jquery.min.js"></script>\r
\r
<!--[if lt IE 9]>\r
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>\r
<![endif]-->\r
+\r
+ <script type="text/javascript">\r
+ $(document).ready(function () {\r
+ $.getJSON("/backend/get_menu", function(data) {\r
+ var menuitems = []\r
+ $.each(data, function(key, val) {\r
+ menuitems.push('<li><a href="' + key + '">' + val + '</li>');\r
+ });\r
+ $('<ul/>', {\r
+ 'class': 'nav',\r
+ html: menuitems.join('')\r
+ }).appendTo('.menudiv');\r
+ });\r
+ });\r
+ </script>\r
+\r
</head>\r
<body>\r
<div class="navbar navbar-inverse navbar-fixed-top">\r
<div class="navbar-inner">\r
<div class="container-fluid">\r
<a class="brand" href="#">WebOS Dev</a>\r
- <div class="nav-collapse collapse">\r
+ <div class="nav-collapse collapse menudiv">\r
<p class="navbar-text pull-right">\r
Logged in as <a href="#" class="navbar-link">Username</a>\r
</p>\r
- <ul class="nav">\r
- <li class="active"><a href="#">Desktop</a></li>\r
- </ul>\r
</div>\r
</div>\r
</div>\r
</div>\r
</div>\r
\r
- <script src="/public/js/jquery.min.js"></script>\r
<script src="/public/js/bootstrap.min.js"></script>\r
<script src="/public/js/less-1.3.0.min.js"></script>\r
</body>\r