Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- //Settings
- var frameurl = "http://Localhost/"; //Url where the content of the tab is located
- var tabname = "Tabname"; //What appears on the Tab Label
- var imgloc = "Images/icon.png"; //Location of tab image icon, 24px x 24px. Default located in Modern/Images/
- var placement = 3; //How many lines down the new tab will go
- //Tab on left side of page
- var img = document.createElement("img");
- img.setAttribute("src", imgloc);
- img.setAttribute("alt", tabname);
- var span = document.createElement("span");
- span.innerHTML = tabname;
- var link = document.createElement("a");
- link.setAttribute("class", "sidetab");
- link.setAttribute("href","#tab_" + tabname);
- link.setAttribute("id", "tabhead_" + tabname);
- link.appendChild(img);
- link.appendChild(span);
- //Building code on page
- var sidetabs = document.getElementById("sidetabs");
- var after_link = sidetabs.getElementsByTagName("a")[placement];
- sidetabs.insertBefore(link, after_link);
- //Page Content
- //Main Div
- var tabdiv = document.createElement("div");
- tabdiv.setAttribute("class", "tabarea");
- tabdiv.setAttribute("id", "tab_" + tabname);
- tabdiv.innerHTML = ("<h3>" + tabname + "</h3>");
- //Iframe
- var tabiframe = document.createElement("iframe");
- tabiframe.setAttribute("src", frameurl);
- tabiframe.setAttribute("height", "500px");
- tabiframe.setAttribute("width", "100%");
- //Second Div
- var tabconents = document.createElement("div");
- tabconents.setAttribute("class", "tabcontents");
- //Third Div
- var maparea = document.createElement("div");
- maparea.setAttribute("id", "maparea")
- //Building code onto page
- maparea.appendChild(tabiframe);
- tabconents.appendChild(maparea);
- tabdiv.appendChild(tabconents);
- document.getElementById("tabs").appendChild(tabdiv);
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement