diff Blast output page example trimmed_files/results.js @ 1:ffe82516a83c

add trimmed down html example
author Jan Kanis <jan.code@jankanis.nl>
date Tue, 06 May 2014 17:36:10 +0200
parents
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/Blast output page example trimmed_files/results.js	Tue May 06 17:36:10 2014 +0200
@@ -0,0 +1,649 @@
+// JScript source code
+
+//Display Reformat page button only after the whole page is loaded    
+
+function ReformatPageEvent()
+{
+	var refPageLink = document.getElementById("refPage");    	
+	
+	//alert(refPageLink);
+	//alert(refPageLink.getAttribute("submitForm"));
+	var submitForm = refPageLink.getAttribute("submitForm");
+	alert(submitForm);
+	if(refPageLink && submitForm) {
+		utils.addEvent(refPageLink, 
+					   "click", 
+					   function() {
+							document.getElementById(submitForm).submit();					
+						}, 
+						false);    
+	}	
+}
+
+
+function SubmitEvent(linkID)
+{
+	
+	var link = document.getElementById(linkID);    	
+	//alert(link.getAttribute("submitForm"));
+	var submitForm = link.getAttribute("submitForm");
+	if(link && submitForm) {
+		utils.addEvent(link, 
+					   "click", 
+					   function() {							
+							document.getElementById(submitForm).submit();					
+						}, 
+						false);    
+	}	
+}
+
+
+function SubmitEventSave(linkID)
+{
+	
+	var link = document.getElementById(linkID);    	
+	//alert(link.getAttribute("submitForm"));
+	var submitForm = link.getAttribute("submitForm");
+	if(link && submitForm) {
+		utils.addEvent(link, 
+					   "click", 
+					   function() {
+							//$(submitForm).CMD.value = "GetSaved";							
+							document.getElementById(submitForm).submit();					
+						}, 
+						false);    
+	}	
+}
+ 				
+ 				
+
+
+//This function creates submit form event on click
+//form submitted is defined in submitForm attribute
+//It also copies params from forms[0] (search paramateres) created by formatter
+function SubmitEventNew(linkID)
+{
+	
+	var link = document.getElementById(linkID);    	
+	//alert(link.getAttribute("submitForm"));
+	if(!link) return;
+	var submitForm = link.getAttribute("submitForm");
+	if(link && submitForm) {
+		utils.addEvent(link, 
+					   "click", 
+					   function() {					 
+							document.forms[0].CMD.value = "";  
+							if(document.forms[0].PAGE_TYPE) {
+								document.forms[0].PAGE_TYPE.value = "";  
+							}
+							var s = document.forms[0].innerHTML;														
+							var form = $(submitForm);							
+							form.innerHTML = s + form.innerHTML;							
+							form.submit();					
+						}, 
+						false);    
+	}	
+}
+
+function GetResults()
+{
+    form = $("results");    
+    form.QUERY_INDEX.value = $("queryList")[$("queryList").selectedIndex].value;
+    form.submit();   
+}
+
+function isIdIn(id, idArray){
+  var idSeen=false;
+
+  for(i=0; i<idArray.length; i++){
+    if(id==idArray[i]){
+      idSeen=true;
+      break;
+    }
+  }
+  return idSeen;
+}
+
+function GetSelectedSeqString(formName)
+{
+    var selSeqs = "";
+    var idArray=new Array();
+    forms = document.getElementsByName(formName);    
+    for(var j=0; j < forms.length; j++){
+      for(var i=0; i < forms[j].elements.length; i++){
+        var theElem=forms[j].elements[i];
+        if(theElem.type=="checkbox"&&theElem.name=="getSeqGi"&&theElem.checked){      
+          if(!isIdIn(theElem.value, idArray)){            
+            idArray[idArray.length]=theElem.value;
+          }            
+        }      
+      }
+    }
+    selSeqs = idArray.join();
+    return selSeqs;
+}
+
+function ViewSelectedSeqs(e)
+{
+    var submitForm = $("submitterTop");
+    var targetForm = submitForm.getAttribute("seqsForm");
+    $("selSeqs").value = GetSelectedSeqString(targetForm);
+    submitForm.submit();
+    utils.preventDefault(e);
+}
+
+
+function ViewSelectedSeqTree()
+{
+    var submitForm = $("treesubmitterTop");
+    var targetForm = submitForm.getAttribute("seqsForm");
+    $("seqSet").value = GetSelectedSeqString(targetForm);
+    $("scrWidth").value = screen.width;
+    $("scrHeight").value = screen.height;
+    submitForm.submit();
+}
+
+function ViewTree(linkID) {
+    link = document.getElementById(linkID);
+    var target = link.target;
+    winRef = window.open(link.href + "&screenWidth=" + screen.width + "&screenHeight=" + screen.height, target);
+}
+
+function ViewSelectedSeqMultiAlign()
+{
+    var submitForm = $("multisubmitterTop");
+    var targetForm = submitForm.getAttribute("seqsForm");
+    $("seqSetM").value = GetSelectedSeqString(targetForm);    
+    submitForm.submit();
+}
+
+
+
+function selectAllSeqs()
+{
+    var formName = this.getAttribute("seqsForm");
+    forms = document.getElementsByName(formName);    
+    for(var j=0; j < forms.length; j++){
+        for(var i=0; i < forms[j].elements.length; i++){
+    //for(var i=0; i < document.forms[formName].elements.length; i++){
+            var theElem=forms[j].elements[i];
+            if(theElem.type=="checkbox"&&theElem.name=="getSeqGi"){     
+                theElem.checked=this.checked;
+            }
+        } 
+    }
+    links = document.getElementsByName("selectAll");
+    for(var i=0; i < links.length;i++) {
+        if(links[i] != this)  links[i].checked = this.checked;
+    }       
+}
+
+
+function InitSeqAlignLinks()
+{
+    var links = document.getElementsByName("getSeqs");
+    for(var i=0; i < links.length;i++) {
+        utils.addEvent(links[i],"click",ViewSelectedSeqs,false);  
+    }
+    links = document.getElementsByName("treeView");
+    for(var i=0; i < links.length;i++) {
+        utils.addEvent(links[i],"click",ViewSelectedSeqTree,false);  
+    }    
+    links = document.getElementsByName("mltiAln");
+    for(var i=0; i < links.length;i++) {
+        utils.addEvent(links[i],"click",ViewSelectedSeqMultiAlign,false);  
+    }        
+    links = document.getElementsByName("selectAll");
+    for(var i=0; i < links.length;i++) {
+        utils.addEvent(links[i],"click",selectAllSeqs,false);  
+    }   
+    
+    if($("showAlign"))
+        utils.addEvent($("showAlign"),"click",showHideLinks,false);  
+}
+
+function InitDownLoad()
+{
+    var deltaBlast = ($("diThresh") && $("diThresh").value != "") ? true : false;
+    if (!deltaBlast && ($("stepNumber").value == "" || $("stepNumber").value < 2)) {        
+        utils.addClass($("dnPSSMPar"),"hidden");        
+    }
+}
+function Reformat()
+{
+    if(utils.hasClass($("FormatForm").FORMAT_ORGANISM,"orgHint"))  $("FormatForm").FORMAT_ORGANISM.value = "";
+    
+    $("FormatForm").submit();    
+}
+function InitCustomButton(bn)
+{
+  utils.addEvent(bn, "mouseover", function() {this.src = this.getAttribute("mouseovImg");}, false);
+  utils.addEvent(bn, "mouseout", function() {this.src = this.getAttribute("mouseoutImg");}, false);
+  utils.addEvent(bn, "mousedown", function() {this.src = this.getAttribute("mousedownImg");}, false);
+  utils.addEvent(bn, "mouseup", function() {this.src = this.getAttribute("mouseupImg");}, false);    
+}
+
+function InitAllCustomButtons()
+{
+    if($("go")) InitCustomButton($("go"));
+    if($("dn")) InitCustomButton($("dn"));
+    if($("onPageReformat")) InitCustomButton($("onPageReformat"));    
+}
+function showHideLinks()
+{
+    var links = document.getElementsByName("selectAll");
+    for(var i=0; i < links.length;i++) {
+        //This is done since IE does not recognize getElementsByName for span elem
+        var allLinks = utils.getParent(links[i]);
+        var removeClass,addClass;
+        if(utils.hasClass(allLinks,"shownInl")) {        
+            removeClass="shownInl";    
+            addClass="hidden";        
+        }
+        else {
+            removeClass="hidden";
+            addClass="shownInl";        
+        }    
+        utils.removeClass(allLinks,removeClass);
+        utils.addClass(allLinks,addClass);   
+    }
+}
+/*remove this function */
+function InitHelpLinks()
+{
+    for(var i=1; i <= 11;i++) {           
+        InitToggleEvent($("hlp" + i));      
+    }
+}
+//This function is used for collapsible deflines onmouseover="showInfo(this)"
+//Initialized in showdefline.cpp
+function showInfo(elem)
+{
+    var targetElem = $("info_" + elem.id);
+    if(!targetElem) return;
+    if(elem.getAttribute("init") == "on") return;
+    
+    Toggle.addTarget(elem, targetElem);  
+    elem.setAttribute("init","on");    
+}
+
+function InitPsiBlast()
+{
+    //utils.addEvent($("ttt"),"keyup",SetHitlistSize,false);  
+    var hts = document.getElementsByName("HITLIST_SIZE");
+    for(var i=0; i < hts.length;i++) {    
+        utils.addEvent(hts[i],"keyup",SetHitlistSize,false);  
+    } 
+    if($("psiInp")) {
+        var numSubsets = $("psiInp").getAttribute("numSubsets");
+        for(var i=1; i <= numSubsets;i++) {
+            if ($("alnPos" + i)) InitToggleEvent($("alnPos" + i));  
+            if ($("deflnG" + i)) InitToggleEvent($("deflnG" + i));
+            if ($("deflnB" + i)) InitToggleEvent($("deflnB" + i));        
+        }         
+    }
+}
+
+function SetHitlistSize()
+{
+    var hts = document.getElementsByName("HITLIST_SIZE");
+    for(var i=0; i < hts.length;i++) {    
+        if(this != hts[i]) {
+            hts[i].value = this.value;
+        }
+    }    
+}
+function InitToggleEvent(toggleNode)
+{
+    if(toggleNode) {
+        var srcid = toggleNode.getAttribute("toggle");
+        if(srcid) Toggle.addTarget(srcid, toggleNode);  
+    }
+} 				
+
+function InitIFrameLinks()
+{
+    CheckIframe($("RSIFrameNoRes"),"prlink");
+    CheckIframe($("RSIFrameDesc"),"prlink");
+    CheckIframe($("RSIFrameAln"),"prlink");
+}
+
+function CheckIframe(iframe,contentElemID)
+{
+    if(!iframe) return;
+    
+    var iframeDoc;
+    
+    if(iframe.contentDocument) {//Firefox
+        iframeDoc = iframe.contentDocument;                
+    }
+    else if (iframe.contentWindow) {//IE
+        iframeDoc = iframe.contentWindow.document;                
+    }
+    else if(iframe.document) {
+        iframeDoc = iframe.document;                
+    }
+    if(iframeDoc){        
+        if(iframeDoc.getElementById(contentElemID)) {                        
+            utils.addClass(iframe,"shown");
+            utils.removeClass(iframe,"hidden");        
+        }           
+     }
+}    
+
+
+function InitHitMatrix()
+{
+    if($("bl2seImg")) {
+    
+        utils.addEvent($("hitmtImg"),"load",
+                        function() {                              
+						    utils.addClass($("bl2seImg"),"shown");
+                            utils.removeClass($("bl2seImg"),"hidden");                  
+                           
+						}, 
+						false);          
+        utils.addEvent($("showHitMatrix"),"click",
+                        function() {                            
+                            $("hitmtImg").src= $("hitmtImg").getAttribute("imgsrc");
+                            if(utils.hasClass($("htmb"),"shown")) {	                                
+							    utils.addClass($("htmb"),"hidden");
+                                utils.removeClass($("htmb"),"shown");                  
+                            }
+                            else {                                
+                                utils.addClass($("htmb"),"shown");
+                                utils.removeClass($("htmb"),"hidden");                  
+                            }
+						}, 
+						false);          
+        
+        if($("blastSpec") && $("blastSpec").value=="GlobalAln") {            
+            $("hitmtImg").src= $("hitmtImg").getAttribute("imgsrc");
+        }        
+    }   
+}    
+    
+    
+    
+	
+ 				
+function SetFormSubmitEvent()
+{
+    var el = $("refPage");
+    if(el) {
+	    SubmitEventNew("refPage");	
+	}
+	SubmitEventNew("frmPage");	
+	el = $("searchOptions");
+	if(el) {
+	    SubmitEventNew("searchOptions");	
+	}
+	el = $("saveSearchOptions");
+	if(el) {
+	    SubmitEventNew("saveSearchOptions");	
+	}
+	//SubmitEventNew("breadCrSearchOptions");	
+	list = $("queryList");
+	if(list) {
+        utils.addEvent(list,"change",GetResults,false);  
+    }
+    
+    list = $("go");
+	if(list) {
+        utils.addEvent(list,"click",GetResults,false);  
+    }
+    
+    
+    list= $("onPageReformat");
+    if(list) {
+        utils.addEvent(list,"click",Reformat,false);  
+    }
+
+    if ($("cddResults") && $("statInfo")) {
+        jQuery($("cddResults")).ncbitoggler('toggle');
+    }
+    //New design still uses toggle    
+    if ($("showCDD")) {
+        InitToggleEvent($("cddInfo"));
+    }
+    InitToggleEvent($("refInfo"));
+    InitToggleEvent($("resStat"));
+    InitToggleEvent($("dbDetails"));
+    InitToggleEvent($("graphicInfo"));
+    InitToggleEvent($("descrInfo"));
+    InitToggleEvent($("alignInfo"));
+    InitToggleEvent($("ovrInfo"));        
+    InitToggleEvent($("queryInfo"));        
+    InitToggleEvent($("hitMatrixInfo"));            
+    InitToggleEvent($("bl2ovrInfo"));    
+    //Init only for PSI blastfse
+    if($("prevRID")) InitPsiBlast();    
+    InitSeqAlignLinks();
+    InitAllCustomButtons();        
+    if($("dnPSSMPar")) InitDownLoad(); 
+    InitHitMatrix();
+    if($("noRes")) {
+        if($("hitCvs")) utils.addClass($("hitCvs"),"hidden");
+        if($("hitText")) utils.addClass($("hitText"),"hidden");
+    }
+    InitIFrameLinks();
+    showDbDetails(); //fill behind the scene    
+    if ($("showDetails") && utils.hasClass($("showDetails"), "shown")) {
+        utils.addEvent($("showDetails"), "click", showDbDetails, false);
+    }
+    initContentWidth();    
+}
+
+function initContentWidth() {
+    var lineLengthElem = $("FormatForm").LINE_LENGTH;
+    if (lineLengthElem) {
+        var lineLength = parseInt(lineLengthElem[lineLengthElem.selectedIndex].value);
+        if (parseInt(lineLengthElem.getAttribute("defval")) == lineLength) return;
+
+        var charWidth = (navigator.userAgent.match(/ie/i)) ? 8 : 7;
+        var minWidth = (lineLength + parseInt(17)) * charWidth;
+
+
+        var alignView = $("FormatForm").ALIGNMENT_VIEW;
+        var formatType = $("FormatForm").FORMAT_TYPE;
+        var queryAnch = formatType[formatType.selectedIndex].value == "HTML" && (alignView[alignView.selectedIndex].value != "Pairwise" && alignView[alignView.selectedIndex].value != "PairwiseWithIdentities");
+
+        var addWidth = ($("FormatForm").OLD_VIEW.checked || queryAnch) ? 250 : 350;
+
+        minWidth = minWidth + parseInt(addWidth) + "px";
+        jQuery($("content")).css("min-width", minWidth);
+    }
+    
+}
+
+
+
+
+
+function ShowHideAlnDeflines(alnID, checkbx) {
+    var dflTableID = "dln_" + alnID;
+    if ($(dflTableID)) {
+        var rmClass, addClass;
+        if (checkbx.checked) {
+            rmClass = "hidden";
+            addClass = "shown";
+        }
+        else {
+            rmClass = "shown";
+            addClass = "hidden";
+        }
+        var elems = $C(rmClass, "class", $(dflTableID), "tr");
+        if (elems) {
+            //alert(elems.length);
+            for (var i = 0; i < elems.length; i++) {
+                utils.removeClass(elems[i], rmClass);
+                utils.addClass(elems[i], addClass);
+            }
+        }
+    }
+}
+
+function SortAln(e, sortLink, sortItem) {
+    var p = utils.getParent(sortLink);
+    var p = utils.getParent(p);
+    p_TD = utils.getParent(p);
+    p_TR = utils.getParent(p_TD);
+    if (utils.hasClass(p_TR, "dflnAln")) {
+        p_TD.innerHTML = "Reading seqaligns...";
+        var gi = p_TD.id.substr(2);
+        var rid = p_TD.getAttribute("rid");
+        getAlignSort(rid, gi, p_TD, sortItem);
+        e = e || window.event;
+        utils.preventDefault(e);
+        return;
+    }
+    var links = document.getElementsByName("alnSort");
+    if (links.length >= sortItem) {
+        var href = links[sortItem].href.replace(new RegExp("selectAllTop.*(&|$)"), "");
+        var hrefLn = sortLink.href.replace(new RegExp(".*#"), "");
+        sortLink.href = href + hrefLn;
+    }
+}
+
+
+
+var fullArr;
+var numDbs;
+function showDbDetails(e,dbSetIndex) 
+{
+    if (!($("dbPlusSpecies"))) return; //No org display
+    if ($("dbPlusSpecies").getAttribute("init") == "on" && dbSetIndex == null) return;
+    $("dbPlusSpecies").setAttribute("init", "on");
+    
+    dbInfoUrl = "getDBInfo.cgi";
+    var rp = new RemoteDataProvider(dbInfoUrl);
+    rp.minArr = 10;
+
+    if (!fullArr) {
+        var arr = $("results").DATABASE.value.split(" ");
+        numDbs = arr.length;
+        if (arr.length > rp.minArr) {
+            fullArr = new Array();
+            while (arr.length > 1) {
+                var arrNew = arr.splice(0, rp.minArr); //does not include stopindex
+                fullArr.push(arrNew);
+            }
+            if (!dbSetIndex) dbSetIndex = 0;
+        }
+    }
+
+    rp.onSuccess = function(obj) {
+        var navDB = document.createElement("div");
+        if (fullArr) {
+            var prevLink, nextLink, firstLink, lastLink;
+            if (this.currDbSetIndex >= 1) {
+                var firstStart = 1;
+                var firstEnd = firstStart + fullArr[0].length - 1;
+                firstLink = document.createElement("a");
+                jQuery(firstLink).attr("href", "#");
+                jQuery(firstLink).attr("id", "firstDbSet");
+                jQuery(firstLink).attr("onclick", "showDbDetails(event,0);");
+                jQuery(firstLink).attr("title", "Databases " + firstStart + "-" + firstEnd);
+                jQuery(firstLink).html("First " + this.minArr + " dbs");
+
+            }
+            if (this.currDbSetIndex >= 1) {
+                var prevStart = (this.currDbSetIndex - 1) * this.minArr + 1;
+                var prevEnd = prevStart + fullArr[this.currDbSetIndex - 1].length - 1;
+                prevLink = document.createElement("a");
+                jQuery(prevLink).attr("href", "#");
+                jQuery(prevLink).attr("id", "prevDbSet");
+                jQuery(prevLink).attr("onclick", "showDbDetails(event," + (this.currDbSetIndex - 1) + ");");
+                jQuery(prevLink).attr("title", "Databases " + prevStart + "-" + prevEnd);
+                jQuery(prevLink).html("Prev " + this.minArr + " dbs");
+            }
+
+            if (this.currDbSetIndex < fullArr.length - 1) {
+                var nextStart = (this.currDbSetIndex + 1) * this.minArr + 1;
+                var nextEnd = nextStart + fullArr[this.currDbSetIndex + 1].length - 1;
+                nextLink = document.createElement("a");
+                jQuery(nextLink).attr("href", "#");
+                jQuery(nextLink).attr("id", "nextDbSet");
+                jQuery(nextLink).attr("onclick", "showDbDetails(event," + (this.currDbSetIndex + 1) + ");");
+                jQuery(nextLink).attr("title", "Databases " + nextStart + "-" + nextEnd);
+                jQuery(nextLink).html("Next " + this.minArr + " dbs");
+            }
+            if (this.currDbSetIndex < fullArr.length - 1) {
+                var lastInd = fullArr.length - 1;
+                var lastStart = numDbs - fullArr[lastInd].length;
+                var lastEnd = numDbs;
+                lastLink = document.createElement("a");
+                jQuery(lastLink).attr("href", "#");
+                jQuery(lastLink).attr("id", "lastDbSet");
+                jQuery(lastLink).attr("onclick", "showDbDetails(event," + lastInd + ");");
+                jQuery(lastLink).attr("title", "Databases " + lastStart + "-" + lastEnd);
+                jQuery(lastLink).html("Last " + this.minArr + " dbs");
+            }
+
+
+            jQuery(navDB).attr("id", "addDbSet");
+            if (firstLink) jQuery(navDB).append(firstLink);
+            if (prevLink) jQuery(navDB).append(prevLink);
+            if (lastLink) jQuery(navDB).append(lastLink);
+            if (nextLink) jQuery(navDB).append(nextLink);
+        }
+
+        jQuery($("dbPlusSpecies")).html(navDB);
+        jQuery(navDB).after(obj.responseText);
+        if (fullArr) {
+            var cap = jQuery($("dbSpecies")).find("caption");
+            if (cap) {
+                var currStart = (this.currDbSetIndex) * this.minArr + 1;
+                var currEnd = currStart + fullArr[this.currDbSetIndex].length - 1;
+                var capText = cap.html() + "<div class=\"cpAdd\"> Databases " + currStart + "-" + currEnd;
+                cap.html(capText);
+            }
+        }
+    };
+    rp.onError = function(obj) {
+        $("dbPlusSpecies").innerHTML += "error, requests:" + this.iActiveRequests + " status:" + obj.status;
+    }
+    var dbs;
+    if (fullArr) {
+        rp.currDbSetIndex = dbSetIndex;        
+        var currArr = fullArr[dbSetIndex];
+        dbs = currArr.join(",");
+    }
+    else {
+        dbs = $("results").DATABASE.value.replace(/ /g, ",");
+    }
+
+    rp.Request("CMD=getDBOrg&DATABASE=" + dbs, "POST");
+    if(e) utils.preventDefault(e);
+}
+
+function synchronizeCheck(id, formName, inputName, isChecked) {
+
+    for (var i = 0; i < document.forms[formName].elements.length; i++) {
+        var theElem = document.forms[formName].elements[i];
+        if (theElem.type == "checkbox" && theElem.name == inputName && id == theElem.value) {
+            theElem.checked = isChecked;
+
+        }
+    }
+
+}
+
+utils.addEvent(window,
+				"load", SetFormSubmitEvent,				
+				false);
+
+
+/* If user agent has "safari" in it, include safari-specific stylesheet. */ 
+if (navigator.userAgent.match(/safari/i) || navigator.userAgent.match(/opera/i)) {
+document.write("<link rel='stylesheet' type='text/css' href='css/safari-descriptions.css'  media='screen'/>");
+}
+if (navigator.userAgent.match(/opera/i)) {    
+document.write("<link rel='stylesheet' type='text/css' href='css/opera-descriptions.css'  media='screen'/>");
+}
+if (navigator.userAgent.match(/firefox/i) || navigator.userAgent.match(/safari/i)) {
+document.write("<link rel='stylesheet' type='text/css' href='css/firefox-descriptions.css'  media='screen'/>");
+}
+
+
+