/** * Miscellaneous js functions for WebHelp * Kasun Gajasinghe, http://kasunbg.blogspot.com * David Cramer, http://www.thingbag.net * */ //Turn ON and OFF the animations for Show/Hide Sidebar. Extend this to other anime as well if any. var noAnimations=false; $(document).ready(function() { /* Local addition */ $("a").filter(function() { return this.hostname && this.hostname !== location.hostname; }).addClass('external'); // When you click on a link to an anchor, scroll down // 105 px to cope with the fact that the banner // hides the top 95px or so of the page. // This code deals with the problem when // you click on a link within a page. $('a[href*=#]').click(function() { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var $target = $(this.hash); $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']'); if (!(this.hash == "#searchDiv" || this.hash == "#treeDiv" || this.hash == "") && $target.length) { var targetOffset = $target.offset().top - 120; $('html,body') .animate({scrollTop: targetOffset}, 200); return false; } } }); // $("#showHideHighlight").button(); //add jquery button styling to 'Go' button //Generate tabs in nav-pane with JQuery $(function() { $("#tabs").tabs({ cookie: { expires: 2 // store cookie for 2 days. } }); }); //Generate the tree $("#ulTreeDiv").attr("style", ""); $("#tree").treeview({ collapsed: true, animated: "medium", control: "#sidetreecontrol", persist: "cookie" }); //after toc fully styled, display it. Until loading, a 'loading' image will be displayed $("#tocLoading").attr("style", "display:none;"); // $("#ulTreeDiv").attr("style","display:block;"); //.searchButton is the css class applied to 'Go' button $(function() { $("button", ".searchButton").button(); $("button", ".searchButton").click(function() { return false; }); }); //'ui-tabs-1' is the cookie name which is used for the persistence of the tabs.(Content/Search tab) if ($.cookie('ui-tabs-1') === '1') { //search tab is active if ($.cookie('textToSearch') != undefined && $.cookie('textToSearch').length > 0) { document.getElementById('textToSearch').value = $.cookie('textToSearch'); Verifie('searchForm'); searchHighlight($.cookie('textToSearch')); $("#showHideHighlight").css("display", "block"); } } syncToc(); //Synchronize the toc tree with the content pane, when loading the page. //$("#doSearch").button(); //add jquery button styling to 'Go' button // When you click on a link to an anchor, scroll down // 120 px to cope with the fact that the banner // hides the top 95px or so of the page. // This code deals with the problem when // you click on a link from another page. var hash = window.location.hash; if(hash){ var targetOffset = $(hash).offset().top - 120; $('html,body').animate({scrollTop: targetOffset}, 200); return false; } }); /** * If an user moved to another page by clicking on a toc link, and then clicked on #searchDiv, * search should be performed if the cookie textToSearch is not empty. */ function doSearch() { //'ui-tabs-1' is the cookie name which is used for the persistence of the tabs.(Content/Search tab) if ($.cookie('textToSearch') != undefined && $.cookie('textToSearch').length > 0) { document.getElementById('textToSearch').value = $.cookie('textToSearch'); Verifie('searchForm'); } } /** * Synchronize with the tableOfContents */ function syncToc() { var a = document.getElementById("webhelp-currentid"); if (a != undefined) { //Expanding the child sections of the selected node. var nodeClass = a.getAttribute("class"); if (nodeClass != null && !nodeClass.match(/collapsable/)) { a.setAttribute("class", "collapsable"); //remove display:none; css style from <ul> block in the selected node. var ulNode = a.getElementsByTagName("ul")[0]; if (ulNode != undefined) { if (ulNode.hasAttribute("style")) { ulNode.setAttribute("style", "display: block; background-color: #D8D8D8 !important;"); } else { var ulStyle = document.createAttribute("style"); ulStyle.nodeValue = "display: block; background-color: #D8D8D8 !important;"; ulNode.setAttributeNode(ulStyle); } } //adjust tree's + sign to - var divNode = a.getElementsByTagName("div")[0]; if (divNode != undefined) { if (divNode.hasAttribute("class")) { divNode.setAttribute("class", "hitarea collapsable-hitarea"); } else { var divClass = document.createAttribute("class"); divClass.nodeValue = "hitarea collapsable-hitarea"; divNode.setAttributeNode(divClass); } } //set persistence cookie when a node is auto expanded // setCookieForExpandedNode("webhelp-currentid"); } var b = a.getElementsByTagName("a")[0]; if (b != undefined) { //Setting the background for selected node. var style = a.getAttribute("style", 2); if (style != null && !style.match(/background-color: Background;/)) { a.setAttribute("style", "background-color: #D8D8D8; " + style); b.setAttribute("style", "color: black;"); } else if (style != null) { a.setAttribute("style", "background-color: #D8D8D8; " + style); b.setAttribute("style", "color: black;"); } else { a.setAttribute("style", "background-color: #D8D8D8; "); b.setAttribute("style", "color: black;"); } } //shows the node related to current content. //goes a recursive call from current node to ancestor nodes, displaying all of them. while (a.parentNode && a.parentNode.nodeName) { var parentNode = a.parentNode; var nodeName = parentNode.nodeName; if (nodeName.toLowerCase() == "ul") { parentNode.setAttribute("style", "display: block;"); } else if (nodeName.toLocaleLowerCase() == "li") { parentNode.setAttribute("class", "collapsable"); parentNode.firstChild.setAttribute("class", "hitarea collapsable-hitarea "); } a = parentNode; } } } /* function setCookieForExpandedNode(nodeName) { var tocDiv = document.getElementById("tree"); //get table of contents Div var divs = tocDiv.getElementsByTagName("div"); var matchedDivNumber; var i; for (i = 0; i < divs.length; i++) { //1101001 var div = divs[i]; var liNode = div.parentNode; } //create a new cookie if a treeview does not exist if ($.cookie(treeCookieId) == null || $.cookie(treeCookieId) == "") { var branches = $("#tree").find("li");//.prepareBranches(treesettings); var data = []; branches.each(function(i, e) { data[i] = $(e).is(":has(>ul:visible)") ? 1 : 0; }); $.cookie(treeCookieId, data.join("")); } if (i < divs.length) { var treeviewCookie = $.cookie(treeCookieId); var tvCookie1 = treeviewCookie.substring(0, i); var tvCookie2 = treeviewCookie.substring(i + 1); var newTVCookie = tvCookie1 + "1" + tvCookie2; $.cookie(treeCookieId, newTVCookie); } } */ /** * Code for Show/Hide TOC * */ function showHideToc() { var showHideButton = $("#showHideButton"); var leftNavigation = $("#sidebar"); //hide the parent div of leftnavigation, ie sidebar var content = $("#content"); var animeTime=75 if (showHideButton != undefined && showHideButton.hasClass("pointLeft")) { //Hide TOC showHideButton.removeClass('pointLeft').addClass('pointRight'); if(noAnimations) { leftNavigation.css("display", "none"); content.css("margin", "125px 0 0 0"); } else { leftNavigation.hide(animeTime); content.animate( { "margin-left": 0 }, animeTime); } showHideButton.attr("title", "Show Sidebar"); } else { //Show the TOC showHideButton.removeClass('pointRight').addClass('pointLeft'); if(noAnimations) { content.css("margin", "125px 0 0 280px"); leftNavigation.css("display", "block"); } else { content.animate( { "margin-left": '280px' }, animeTime); leftNavigation.show(animeTime); } showHideButton.attr("title", "Hide Sidebar"); } } /** * Code for search highlighting */ var highlightOn = true; function searchHighlight(searchText) { highlightOn = true; if (searchText != undefined) { var wList; var sList = new Array(); //stem list //Highlight the search terms searchText = searchText.toLowerCase().replace(/<\//g, "_st_").replace(/\$_/g, "_di_").replace(/\.|%2C|%3B|%21|%3A|@|\/|\*/g, " ").replace(/(%20)+/g, " ").replace(/_st_/g, "</").replace(/_di_/g, "%24_") searchText = searchText.replace(/ +/g, " "); searchText = searchText.replace(/ $/, "").replace(/^ /, ""); wList = searchText.split(" "); $("#content").highlight(wList); //Highlight the search input if (typeof stemmer != "undefined") { //Highlight the stems for (var i = 0; i < wList.length; i++) { var stemW = stemmer(wList[i]); sList.push(stemW); } } else { sList = wList; } $("#content").highlight(sList); //Highlight the search input's all stems } } function searchUnhighlight() { highlightOn = false; //unhighlight the search input's all stems $("#content").unhighlight(); $("#content").unhighlight(); } function toggleHighlight() { if (highlightOn) { searchUnhighlight(); } else { searchHighlight($.cookie('textToSearch')); } }