| /** |
| * 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() { |
| // 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 |
| // 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 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')); |
| } |
| } |