Advertisement
andrew35133

Final Code

Jun 19th, 2012
58
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. //Settings
  2. var frameurl = "http://Localhost/"; //Url  where the content of the tab is located
  3. var tabname = "Tabname";  //What appears on the Tab Label
  4. var imgloc = "Images/icon.png"; //Location of tab image icon, 24px x 24px. Default located in Modern/Images/
  5. var placement = 3; //How many lines down the new tab will go
  6.  
  7. //Tab on left side of page
  8.  
  9. var img = document.createElement("img");
  10. img.setAttribute("src", imgloc);
  11. img.setAttribute("alt", tabname);
  12.  
  13. var span = document.createElement("span");
  14. span.innerHTML = tabname;
  15.  
  16. var link = document.createElement("a");
  17. link.setAttribute("class", "sidetab");
  18. link.setAttribute("href","#tab_" + tabname);
  19. link.setAttribute("id", "tabhead_" + tabname);
  20.  
  21. link.appendChild(img);
  22. link.appendChild(span);
  23. //Building code on page
  24. var sidetabs = document.getElementById("sidetabs");
  25. var after_link = sidetabs.getElementsByTagName("a")[placement];
  26. sidetabs.insertBefore(link, after_link);
  27.  
  28. //Page Content
  29. //Main Div
  30. var tabdiv = document.createElement("div");
  31. tabdiv.setAttribute("class", "tabarea");
  32. tabdiv.setAttribute("id", "tab_" + tabname);
  33. tabdiv.innerHTML = ("<h3>" + tabname + "</h3>");
  34. //Iframe
  35. var tabiframe = document.createElement("iframe");
  36. tabiframe.setAttribute("src",  frameurl);
  37. tabiframe.setAttribute("height", "500px");
  38. tabiframe.setAttribute("width", "100%");
  39. //Second Div
  40. var tabconents = document.createElement("div");
  41. tabconents.setAttribute("class", "tabcontents");
  42. //Third Div
  43. var maparea = document.createElement("div");
  44. maparea.setAttribute("id", "maparea")
  45.  
  46. //Building code onto page
  47. maparea.appendChild(tabiframe);
  48. tabconents.appendChild(maparea);
  49. tabdiv.appendChild(tabconents);
  50.  
  51. document.getElementById("tabs").appendChild(tabdiv);
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement