From: <ka...@us...> - 2010-12-04 11:43:49
|
Revision: 8943 http://docbook.svn.sourceforge.net/docbook/?rev=8943&view=rev Author: kasunbg Date: 2010-12-04 11:43:42 +0000 (Sat, 04 Dec 2010) Log Message: ----------- webhelp: Usability improvement - when click on a node in the TOC tree, the child nodes will auto populate now. Modified Paths: -------------- trunk/xsl/webhelp/template/common/main.js Modified: trunk/xsl/webhelp/template/common/main.js =================================================================== --- trunk/xsl/webhelp/template/common/main.js 2010-12-04 07:24:22 UTC (rev 8942) +++ trunk/xsl/webhelp/template/common/main.js 2010-12-04 11:43:42 UTC (rev 8943) @@ -5,37 +5,41 @@ * */ -$(document).ready(function() { - // $("#showHideHighlight").button(); //add jquery button styling to 'Go' button +var treesettings = { + collapsed: true, + animated: "medium", + control: "#sidetreecontrol", + persist: "cookie" +}; + +$(document).ready(function() { + // $("#showHideHighlight").button(); //add jquery button styling to 'Go' button //Generate tabs in nav-pane with JQuery $(function() { - $("#tabs").tabs({ - cookie: { - // store cookie for 2 days. - expires: 2 - } - }); + $("#tabs").tabs({ + cookie: { + // store cookie for 2 days. + expires: 2 + } }); + }); //Generate the tree - $("#ulTreeDiv").attr("style",""); - $("#tree").treeview({ - collapsed: true, - animated: "medium", - control: "#sidetreecontrol", - persist: "cookie" - }); + $("#ulTreeDiv").attr("style", ""); + $("#tree").treeview(treesettings); //after toc fully styled, display it. Until loading, a 'loading' image will be displayed - $("#tocLoading").attr("style","display:none;"); -// $("#ulTreeDiv").attr("style","display:block;"); + $("#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").button(); - $("button", ".searchButton").click(function() { return false; }); - }); + $("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 visible @@ -43,7 +47,7 @@ document.getElementById('textToSearch').value = $.cookie('textToSearch'); Verifie('diaSearch_Form'); searchHighlight($.cookie('textToSearch')); - $("#showHideHighlight").css("display","block"); + $("#showHideHighlight").css("display", "block"); } } @@ -52,11 +56,38 @@ }); /** - * Synchronize with the tableOfContents + * Synchronize with the tableOfContents */ -function syncToc(){ +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;"); + } else { + var ulStyle = document.createAttribute("style"); + ulStyle.nodeValue = "display: block;"; + 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) { @@ -65,14 +96,13 @@ if (style != null && !style.match(/background-color: Background;/)) { a.setAttribute("style", "background-color: #6495ed; " + style); b.setAttribute("style", "color: white;"); - } else if (style != null) { + } else if (style != null || style != "") { a.setAttribute("style", "background-color: #6495ed; " + style); b.setAttribute("style", "color: white;"); } else { a.setAttribute("style", "background-color: #6495ed; "); b.setAttribute("style", "color: white;"); - } - } + } } //shows the node related to current content. //goes a recursive call from current node to ancestor nodes, displaying all of them. @@ -87,10 +117,37 @@ 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 * @@ -104,13 +161,13 @@ //Hide TOC showHideButton.removeClass('pointLeft').addClass('pointRight'); content.css("margin", "0 0 0 0"); - leftNavigation.css("display","none"); + leftNavigation.css("display", "none"); showHideButton.attr("title", "Show the TOC tree"); } else { //Show the TOC showHideButton.removeClass('pointRight').addClass('pointLeft'); content.css("margin", "0 0 0 280px"); - leftNavigation.css("display","block"); + leftNavigation.css("display", "block"); showHideButton.attr("title", "Hide the TOC Tree"); } } @@ -132,7 +189,7 @@ wList = searchText.split(" "); $("#content").highlight(wList); //Highlight the search input - if(typeof stemmer != "undefined" ){ + if (typeof stemmer != "undefined") { //Highlight the stems for (var i = 0; i < wList.length; i++) { var stemW = stemmer(wList[i]); @@ -142,20 +199,20 @@ sList = wList; } $("#content").highlight(sList); //Highlight the search input's all stems - } + } } -function searchUnhighlight(){ +function searchUnhighlight() { highlightOn = false; - //unhighlight the search input's all stems + //unhighlight the search input's all stems $("#content").unhighlight(); $("#content").unhighlight(); } -function toggleHighlight(){ - if(highlightOn) { +function toggleHighlight() { + if (highlightOn) { searchUnhighlight(); } else { searchHighlight($.cookie('textToSearch')); } -} \ No newline at end of file +} This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site. |
From: <dc...@us...> - 2011-04-03 14:21:42
|
Revision: 8987 http://docbook.svn.sourceforge.net/docbook/?rev=8987&view=rev Author: dcramer Date: 2011-04-03 14:21:36 +0000 (Sun, 03 Apr 2011) Log Message: ----------- Fixed problem reported in IE 8. See tracker id # 373747. Modified Paths: -------------- trunk/xsl/webhelp/template/common/main.js Modified: trunk/xsl/webhelp/template/common/main.js =================================================================== --- trunk/xsl/webhelp/template/common/main.js 2011-04-02 00:11:56 UTC (rev 8986) +++ trunk/xsl/webhelp/template/common/main.js 2011-04-03 14:21:36 UTC (rev 8987) @@ -92,7 +92,7 @@ if (b != undefined) { //Setting the background for selected node. - var style = a.getAttribute("style"); + var style = a.getAttribute("style", 2); if (style != null && !style.match(/background-color: Background;/)) { a.setAttribute("style", "background-color: #6495ed; " + style); b.setAttribute("style", "color: white;"); This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site. |
From: <dc...@us...> - 2011-04-26 02:33:17
|
Revision: 9002 http://docbook.svn.sourceforge.net/docbook/?rev=9002&view=rev Author: dcramer Date: 2011-04-26 02:33:11 +0000 (Tue, 26 Apr 2011) Log Message: ----------- Fixed bug where anchors in pages landed beneath the banner. Modified Paths: -------------- trunk/xsl/webhelp/template/common/main.js Modified: trunk/xsl/webhelp/template/common/main.js =================================================================== --- trunk/xsl/webhelp/template/common/main.js 2011-04-24 23:43:11 UTC (rev 9001) +++ trunk/xsl/webhelp/template/common/main.js 2011-04-26 02:33:11 UTC (rev 9002) @@ -13,6 +13,28 @@ }; $(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 ($target.length) { + var targetOffset = $target.offset().top - 105; + $('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() { @@ -53,6 +75,18 @@ 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 - 105; + $('html,body').animate({scrollTop: targetOffset}, 200); + return false; + } }); /** @@ -173,7 +207,7 @@ } /** - * Code for searh highlighting + * Code for search highlighting */ var highlightOn = true; function searchHighlight(searchText) { This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site. |
From: <dc...@us...> - 2011-10-29 15:42:04
|
Revision: 9139 http://docbook.svn.sourceforge.net/docbook/?rev=9139&view=rev Author: dcramer Date: 2011-10-29 15:41:58 +0000 (Sat, 29 Oct 2011) Log Message: ----------- Fixed bug where content scrolls up when search or contents tab are clicked Modified Paths: -------------- trunk/xsl/webhelp/template/common/main.js Modified: trunk/xsl/webhelp/template/common/main.js =================================================================== --- trunk/xsl/webhelp/template/common/main.js 2011-10-26 14:02:39 UTC (rev 9138) +++ trunk/xsl/webhelp/template/common/main.js 2011-10-29 15:41:58 UTC (rev 9139) @@ -20,7 +20,7 @@ var $target = $(this.hash); $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']'); - if ($target.length) { + if (!(this.hash == "#searchDiv" || this.hash == "#treeDiv") && $target.length) { var targetOffset = $target.offset().top - 110; $('html,body') .animate({scrollTop: targetOffset}, 200); This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site. |
From: <dc...@us...> - 2012-01-13 17:47:39
|
Revision: 9188 http://docbook.svn.sourceforge.net/docbook/?rev=9188&view=rev Author: dcramer Date: 2012-01-13 17:47:29 +0000 (Fri, 13 Jan 2012) Log Message: ----------- Webhelp: Avoid unnecessary scroll ups when anchor is clicked on Modified Paths: -------------- trunk/xsl/webhelp/template/common/main.js Modified: trunk/xsl/webhelp/template/common/main.js =================================================================== --- trunk/xsl/webhelp/template/common/main.js 2012-01-13 17:35:30 UTC (rev 9187) +++ trunk/xsl/webhelp/template/common/main.js 2012-01-13 17:47:29 UTC (rev 9188) @@ -20,7 +20,7 @@ var $target = $(this.hash); $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']'); - if (!(this.hash == "#searchDiv" || this.hash == "#treeDiv") && $target.length) { + if (!(this.hash == "#searchDiv" || this.hash == "#treeDiv" || this.hash == "") && $target.length) { var targetOffset = $target.offset().top - 110; $('html,body') .animate({scrollTop: targetOffset}, 200); This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site. |
From: <dc...@us...> - 2012-04-23 14:17:23
|
Revision: 9303 http://docbook.svn.sourceforge.net/docbook/?rev=9303&view=rev Author: dcramer Date: 2012-04-23 14:17:12 +0000 (Mon, 23 Apr 2012) Log Message: ----------- Webhelp: tweaking scrolldown offset for anchors Modified Paths: -------------- trunk/xsl/webhelp/template/common/main.js Modified: trunk/xsl/webhelp/template/common/main.js =================================================================== --- trunk/xsl/webhelp/template/common/main.js 2012-04-23 10:03:37 UTC (rev 9302) +++ trunk/xsl/webhelp/template/common/main.js 2012-04-23 14:17:12 UTC (rev 9303) @@ -21,7 +21,7 @@ $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 - 110; + var targetOffset = $target.offset().top - 120; $('html,body') .animate({scrollTop: targetOffset}, 200); return false; This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site. |
From: <dc...@us...> - 2012-05-09 03:27:28
|
Revision: 9343 http://docbook.svn.sourceforge.net/docbook/?rev=9343&view=rev Author: dcramer Date: 2012-05-09 03:27:20 +0000 (Wed, 09 May 2012) Log Message: ----------- Webhelp: Arun's fix for bug where heading was partially hidden by header in some situations. Modified Paths: -------------- trunk/xsl/webhelp/template/common/main.js Modified: trunk/xsl/webhelp/template/common/main.js =================================================================== --- trunk/xsl/webhelp/template/common/main.js 2012-05-07 04:04:31 UTC (rev 9342) +++ trunk/xsl/webhelp/template/common/main.js 2012-05-09 03:27:20 UTC (rev 9343) @@ -81,7 +81,7 @@ // you click on a link from another page. var hash = window.location.hash; if(hash){ - var targetOffset = $(hash).offset().top - 105; + var targetOffset = $(hash).offset().top - 120; $('html,body').animate({scrollTop: targetOffset}, 200); return false; } This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site. |
From: <ko...@us...> - 2013-09-04 15:35:05
|
Revision: 9798 http://sourceforge.net/p/docbook/code/9798 Author: kosek Date: 2013-09-04 15:34:59 +0000 (Wed, 04 Sep 2013) Log Message: ----------- Fix for bug #1301 Modified Paths: -------------- trunk/xsl/webhelp/template/common/main.js Modified: trunk/xsl/webhelp/template/common/main.js =================================================================== --- trunk/xsl/webhelp/template/common/main.js 2013-09-03 16:55:40 UTC (rev 9797) +++ trunk/xsl/webhelp/template/common/main.js 2013-09-04 15:34:59 UTC (rev 9798) @@ -19,10 +19,10 @@ && location.hostname == this.hostname) { var $target = $(this.hash); $target = $target.length && $target - || $('[name=' + this.hash.slice(1) +']'); + || $('[id=' + this.hash.slice(1) +']'); if (!(this.hash == "#searchDiv" || this.hash == "#treeDiv" || this.hash == "") && $target.length) { var targetOffset = $target.offset().top - 120; - $('html,body') + $('#content') .animate({scrollTop: targetOffset}, 200); return false; } This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site. |