src/hg/js/hgTracks.js 1.23
1.23 2009/04/06 20:49:59 tdreszer
Made hgTracks expand/colapse groups work identiacally between config and image version
Index: src/hg/js/hgTracks.js
===================================================================
RCS file: /projects/compbio/cvsroot/kent/src/hg/js/hgTracks.js,v
retrieving revision 1.22
retrieving revision 1.23
diff -b -B -U 4 -r1.22 -r1.23
--- src/hg/js/hgTracks.js 3 Apr 2009 23:18:34 -0000 1.22
+++ src/hg/js/hgTracks.js 6 Apr 2009 20:49:59 -0000 1.23
@@ -184,149 +184,51 @@
clickClipHeight: clickClipHeight});
}
});
-function toggleTrackGroupVisibility(obj, prefix)
+function toggleTrackGroupVisibility(button, prefix)
{
// toggle visibility of a track group; prefix is the prefix of all the id's of tr's in the
// relevant group. This code also modifies the corresponding hidden fields and the gif of the +/- img tag.
var retval = true;
- if (document.getElementsByTagName){
- // Tested in FireFox 1.5 & 2, IE 6 & 7, and Safari
- var button = document.getElementById(prefix + "_button");
- var hidden1 = document.getElementById("hgtgroup_" + prefix + "_close_1");
- var hidden2 = document.getElementById("hgtgroup_" + prefix + "_close_2");
+ var hidden = $("input[name='hgtgroup_"+prefix+"_close']")
+ var newVal=1; // we're going - => +
+ if($(button) != undefined && $(hidden) != undefined && $(hidden).length > 0) {
+ var oldSrc = $(button).attr("src");
+ if(arguments.length > 2)
+ newVal = arguments[2] ? 0 : 1;
+ else
+ newVal = oldSrc.indexOf("/remove") > 0 ? 1 : 0;
- // Hidding tr's works diff b/n IE and FF: http://snook.ca/archives/html_and_css/dynamically_sho/
- // This browser sniffing is very kludgy; s/d find a better way to do determine IE vs. other browsers.
- // Currently we are going to see if just '' will work in all browsers (which means we can
- // avoid this browser sniffing).
- // var canSee = (navigator.userAgent.indexOf("MSIE") > -1) ? 'block' : 'table-row';
- var canSee = '';
-
- var src = button.src;
- if(button && hidden1 && hidden2 && src) {
- var newSrc = src.replace("/remove", "/add");
- var newVal;
- if(newSrc == src) {
- // we're going + => -
- newVal = '0';
- hidden2.value = '0';
- newSrc = src.replace("/add", "/remove");
- } else {
- newVal = '1';
- }
- hidden1.value = newVal;
- hidden2.value = newVal;
- button.src = newSrc;
- }
-
- // Send a message to hgTracks to record every user choice, so
- // they get stored into their cart, even if the user then navigates with a link.
- // XXXX Currently dead code
- //setCartVar("hgtgroup_" + prefix + "_close", newVal);
-
- var list = document.getElementsByTagName('tr');
- for (var i=0;i<list.length;i++) {
- var ele = list[i];
- // arbitrary numbers are used to make id's unique (e.g. "map-1"), so look for prefix + "-"
- if(ele.id.indexOf(prefix + "-") == 0) {
- var styleObj = ele.style;
- if(styleObj.display == 'none') {
- styleObj.display = canSee;
+ var newSrc;
+ if(newVal == 1) {
+ newSrc = oldSrc.replace("/remove", "/add");
+ $("tr[id^='"+prefix+"-']").hide();
} else {
- styleObj.display = 'none';
- }
- }
+ newSrc = oldSrc.replace("/add", "/remove");
+ $("tr[id^='"+prefix+"-']").show();
}
+ $(button).attr("src",newSrc);
+ $(hidden).val(newVal);
retval = false;
- } else if (document.all){
- // IE 4.X/5.0 - I don't have access to a browser to get this to work
- if(debug)
- alert("toggleTrackGroupVisibility is unimplemented in this browser");
- if(0) {
- // core of code that could perhaps work.
- // Loop looking for the appropriate style object
- var styleObj = getStyle("#" + id);
- if(styleObj.display == 'none'){
- styleObj.display = '';
- obj.innerText = "hide answer";
- } else {
- styleObj.display = 'none';
- obj.innerText = "show answer";
- }
- }
- } else {
- // NS 4.x - I gave up trying to get this to work.
- if(debug)
- alert("toggleTrackGroupVisibility is unimplemented in this browser");
}
return retval;
}
function setAllTrackGroupVisibility(newState)
{
// Set visibility of all track groups to newState (true means expanded).
// This code also modifies the corresponding hidden fields and the gif's of the +/- img tag.
-// See toggleTrackGroupVisibility for very similar code.
- var retval = true;
- if (document.getElementsByTagName){
- // Tested in FireFox 1.5 & 2, IE 6 & 7, and Safari
- var inputList = document.getElementsByTagName('input');
- var trList = document.getElementsByTagName('tr');
- var sharedPrefix = "hgtgroup_";
- for (var i=0;i<inputList.length;i++) {
- var ele = inputList[i];
- var start = ele.id.indexOf(sharedPrefix);
- var end = ele.id.indexOf("_close");
- if(start == 0 && end > 0) {
- var prefix = ele.id.substring(start + sharedPrefix.length, end);
- var newVal = newState ? 0 : 1;
- var button = document.getElementById(prefix + "_button");
- var hidden1 = document.getElementById("hgtgroup_" + prefix + "_close_1");
- var hidden2 = document.getElementById("hgtgroup_" + prefix + "_close_2");
- var canSee = '';
-
- var src = button.src;
- if(button && hidden1 && hidden2 && src) {
- var newSrc;
- if(newState) {
- newSrc = src.replace("/add", "/remove");
- } else {
- newSrc = src.replace("/remove", "/add");
- }
- hidden1.value = newVal;
- hidden2.value = newVal;
- button.src = newSrc;
- }
-
- // Send a message to hgTracks to record every user choice, so
- // they get stored into their cart, even if the user then navigates with a link.
- // XXXX Currently dead code
- //setCartVar("hgtgroup_" + prefix + "_close", newVal);
-
- for (var j=0;j<trList.length;j++) {
- var ele = trList[j];
- // arbitrary numbers are used to make id's unique (e.g. "map-1"), so look for prefix + "-"
- if(ele.id.indexOf(prefix + "-") == 0) {
- var styleObj = ele.style;
- styleObj.display = newState ? canSee : 'none';
- }
- }
- }
- }
- retval = false;
- } else {
- // IE 4.X/5.0, NS 4.x - I gave up trying to get this to work.
- if(debug)
- alert("toggleTrackGroupVisibility is unimplemented in this browser");
- }
- return retval;
+ $("img[id$='_button']").each( function (i) {
+ if(this.src.indexOf("/remove") > 0 || this.src.indexOf("/add") > 0)
+ toggleTrackGroupVisibility(this,this.id.substring(0,this.id.length - 7),newState); // clip '_button' suffix
+ });
+ return false;
}
$(document).ready(function()
{
- $('a,area').not("[href*='#']").bind("click",function(i) {
+ $('a,area').not("[href*='#']").click(function(i) {
var mainForm=$(this).parents('form');
if(mainForm != undefined || mainForm.length != 1)
return postTheForm($(mainForm).attr('name'),this.href);