// JavaScript functions for documents using the "subfront template" // Last updated: 1/30/07 // insertAfter function // This function operates similar to insertBefore except it allows you to insert content AFTER a given element function insertAfter(newElement,targetElement) { var parent = targetElement.parentNode; if (parent.lastChild == targetElement) { parent.appendChild(newElement); } else { parent.insertBefore(newElement,targetElement.nextSibling); } } // Creates the print feature for story pages, and fires the browser's print option when that feature is clicked function preparePrint() { // Test for the DOM if (!document.getElementById("toolbar")) return false; if (!document.createTextNode) return false; if (!document.createElement) return false; if (!window.print) return false; // Create the elements for the print feature on story pages var printericon = document.createElement("li"); var printlink = document.createElement("a"); printlink.setAttribute("id","printStory"); printlink.setAttribute("title","Print this story"); var printtext = document.createTextNode("Print story"); printlink.appendChild(printtext); printericon.appendChild(printlink); // Insert the newly created elements into the document within the story toolbar var storytools = document.getElementById("toolbar"); var toolitem = storytools.getElementsByTagName("li"); insertAfter(printericon,toolitem[0]); // Impliment the browser's print function when the icon is clicked var print = document.getElementById("printStory"); print.onclick = function() { window.print(); } print.onkeypress = print.onclick; } // Creates the "Share story" feature for story pages, and reveals the icons when the feature is clicked function sharethisStory() { // Test for the DOM if (!document.getElementById("toolbar")) return false; if (!document.createTextNode) return false; if (!document.createElement) return false; if (!document.getElementById) return false; // Create the list item for the share this story function var shareicon = document.createElement("li"); var shareiconlink = document.createElement("a"); shareiconlink.setAttribute("id","shareStory"); shareiconlink.setAttribute("title","Share this story"); var sharetext = document.createTextNode("Share story"); shareiconlink.appendChild(sharetext); shareicon.appendChild(shareiconlink); // Insert the Share story element into the document var toolbar = document.getElementById("toolbar"); var tools = toolbar.getElementsByTagName("li"); insertAfter(shareicon,tools[1]); // Create the unordered list for the share this story menu items var sharestorymenu = document.createElement("ul"); sharestorymenu.setAttribute("id","sharemenu"); // Hide the share story menu before a user clicks on the button sharestorymenu.style.display = "none"; // Insert it into the document after the toolbar insertAfter(sharestorymenu,toolbar); // If this feature needs to be amended, simply change the HTML below. At the time of this writing, we're using the following social networks: Digg, Magnolia, del.icio.us, Newsvine, Google, Yahoo!, Facebook, Reddit and Technorati sharestorymenu.innerHTML = "
  • \"Digg Digg
  • \"Mark Ma.gnolia
  • \"Tag del.icio.us
  • \"Seed Newsvine
  • \"Post Google
  • \"Add Yahoo!
  • \"Share Facebook
  • \"Submit Reddit
  • \"Related Technorati
    • "; // Unhide the share story menu when the user clicks it, and hide it when clicked again shareiconlink.onclick = function() { if (sharestorymenu.style.display == "none") { sharestorymenu.style.display = "block"; } else { sharestorymenu.style.display = "none"; } } shareiconlink.onkeypress = shareiconlink.onclick; }