How can I make a dynamic top navigation bar that gets populated with AJAX from a
ID: 3581708 • Letter: H
Question
How can I make a dynamic top navigation bar that gets populated with AJAX from a SharePoint List. (Not using PHP or Sql database)Example: I create a list in SharePoint 365 Test1 Test2 Test3 Test4 ////////////////// Then make the navigation menu pulling the data from a the list (Ajax)
Screenshots Guides Acurate answer Anything that can help me Thank you in advance
(I am using SharePoint 365, Html, Css, JavaScript) How can I make a dynamic top navigation bar that gets populated with AJAX from a SharePoint List. (Not using PHP or Sql database)
Example: I create a list in SharePoint 365 Test1 Test2 Test3 Test4 ////////////////// Then make the navigation menu pulling the data from a the list (Ajax)
Screenshots Guides Acurate answer Anything that can help me Thank you in advance
(I am using SharePoint 365, Html, Css, JavaScript)
Example: I create a list in SharePoint 365 Test1 Test2 Test3 Test4 ////////////////// Then make the navigation menu pulling the data from a the list (Ajax)
Screenshots Guides Acurate answer Anything that can help me Thank you in advance
(I am using SharePoint 365, Html, Css, JavaScript)
Explanation / Answer
$(window).load(function() {
$.ajax({
url: "/sites/_api/web/webs/?$select=title,ServerRelativeUrl,effectivebasepermissions&$filter=(effectivebasepermissions/high%20gt%2032)&$top=5",
type: "GET",
headers: {
"accept": "application/json;odata=verbose"
},
}).success(function(data) {
var bigdata = data.d.results;
var navHTML = "";
if (bigdata.length == 0) {
}
else{
navHTML += "<ul class='dynamic'>";
$(data.d.results).each(function(){
navHTML += "<li class='dynamic'><a class='dynamic menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode' title='"+this.Title+"' href=""+this.ServerRelativeUrl+""><span class='additional-background ms-navedit-flyoutArrow'><span class='menu-item-text'>"+this.Title+"</span></span></a></li>";
});
navHTML += "<li class='dynamic'><a class='dynamic menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode' title='Your Sites' href="https://csaffluents.sharepoint.com/sites/SitePages/YourSites.aspx"><span class='additional-background ms-navedit-flyoutArrow'><span class='menu-item-text'>Your Sites</span></span></a></li>";
navHTML += "<li class='dynamic'><a class='dynamic menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode' title='All Sites' href="https://csaffluents.sharepoint.com/sites/SitePages/AllSites.aspx"><span class='additional-background ms-navedit-flyoutArrow'><span class='menu-item-text'>All Sites</span></span></a></li>";
navHTML += "</ul>";
}
$(navHTML ).insertAfter($("[title='NavigationTest']"));
});
});
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.