var apiUrl = "XMLGenerator.jsp"; var msie=true; // this is boolean true if the browser is MicroSoft IE var entityOneName=null; var relationName=null; var entityTwoName=null; var baseDoc = null; //DELROY: var trail = null //DELROY: div to hold entire trails area var marker = 0; //DELROY: marker for promoting divs at top var deactivator = false; //deactivate all other span tags after one has been selected var append = false; //DELROY determine whether to append trail or not var allTrails = ""; //DELROY keep track of all trails var deactivateSpanTags = false; //DELROY use the span tag that initiated the event to deactivate all other span tagsS var bookmarkArray = new Array();//DELROY: document.createDocumentFragment(); // the function below is the first called function by html file. In order to // show some popup menus, some

tags // are put to html page. this function calls "clearThemAll" function which // change the status of those div tags // into invisible. this function also checks if the browser microsoft IE. if // not, then the boolean msie variable // are set to false. this boolean value will be used later, because different // browsers use different methods for // different tasks. function onloadFunc(){ clearThemAll(); // loadXMLDoc("dontCare", "t1", "dontCare"); if(navigator.appName != "Microsoft Internet Explorer"){ msie=false; } // this function used to load ontologies and sortedSet. this function is a AJAX method. with the parameter "t13", it calls // appropriate method in Java class. // loadXMLDoc("dontCare", "t13", "dontCare") // Hide the "loading" message Element.toggle('loading'); // Create the help dialog box // var hDlg = new Dialog.box("helpDiv"); // Load database selection // DELROY: HACK: only database load for radiobuttons if(document.getElementById('dbSelector').tagName == "SELECT"){ //do nothing }else{ populateSelectDBSection(); } showDomObjects(); } // this method are called by onLoadFunc fuction. Makes the div elements in the HTML file invisible. function clearThemAll(){ // because name of the div tag id's are PopupId1, PopupId2,...,PopupId6, we just concatenate PopupId with numbers from // 1 to 6. and make the div tags with those id's invisible. for(i=1; i<=6; i++){ var container = document.getElementById("PopupId"+i); container.style.display = "none"; } var container = document.getElementById("SetPopupId"); container.style.display = "none"; var container = document.getElementById("SetPopup2Id"); container.style.display = "none"; } // this methods makes the div elements in the HTML invisible when user clicks on anywhere in the html page. // this function are put into the tag of the html as // OnClick="clearThemAllByClick()" //DELROY: modified- called on clicking any div instead of on clicking body function clearThemAllByClick(e){ // if the user click mouse while pointer is on one of the popup menus, we don't hide all popup menus. if user wants to // hide the menus, we expect him to click outside of the menu. if(!onMenus){ for(i=1; i<=6; i++){ // because name of the div tag id's are PopupId1, PopupId2,...,PopupId6, we just concatenate PopupId with numbers from // 1 to 6. and make the div tags with those id's invisible. var container = document.getElementById("PopupId"+i); container.style.display = "none"; } // Likewise, make other two div tags invisible. var container = document.getElementById("SetPopupId"); container.style.display = "none"; container = document.getElementById("SetPopup2Id"); container.style.display = "none"; //DELROY: removing main menu and snippet on clicking any div container = document.getElementById("snippetId"); container.innerHTML = ""; container.style.visibility = "hidden"; var target = getTargetElement(e); if(target.tagName == "SPAN"){ container = document.getElementById("mainmenuId"); container.style.visibility = "visible"; }else{ container = document.getElementById("mainmenuId"); container.innerHTML = ""; container.style.visibility = "hidden"; } // the boolean popup2Appeared is used for the reason that when user // hover on a namedEntity (the term with different color) // the first popup menu appears (PopupId1). When user hovers on another // named entity, we remove the previously appeared // popup menu, and generate a new popup menu (PopupId1). however, once // user hover on the popup1 menu, then popup2 menu // appears. after that when user hovers on another named entity, the two // menus would not be removed. the only way, // to get rid of them, is to click on somewhere on the page so that the // function clearThemAllByClick removes them. popup2Appeared=false; deactivateSpanTags = false; } //alert("popup2Appeared: "+popup2Appeared); } // this function is called when the user hovers on the object of the triple which is in the history section of user interface. // the parameter "e" is needed as a event handler for Mozilla FF browser. // the parameter "obj" is the name of the object. // the parameter "ttt" is "t12" here. it is used to call appropriate method in // Java class. // the parameter "container" is "PopupId6" here. the result returned is inserted // into div with id "PopupId6". function entityRelationMouseOverFromHist(e, obj, ttt, container){ // this function used to return the file names in which the object term appears. // this function is a AJAX method. with the parameter "t12", it calls // appropriate method in Java class. loadXMLDoc(obj, ttt, container); if(msie){ // if the browser is MS IE document.getElementById(container).style.pixelLeft = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft + 5; document.getElementById(container).style.pixelTop = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop + 2; } else{ // if the browser is NOT MS IE document.getElementById(container).style.top = giveCoordY(e) + 'px'; document.getElementById(container).style.left = giveCoordX(e) + 5 + 'px'; } } var lvlsofar=0; var onMenus = false; // used to get the X coordination of the mouse pointer at the time of event // call. // this is needed to position the menu to the where the user hovers on a named // entity. // the parameter "e" is needed for Mozilla FF as a event handler. function getMouseX(e){ // works on IE6,FF,Moz,Opera7 var mousex=0; var mousey=0; var algor=0; if (!e) e = window.event; // works on IE, but not NS (we rely on NS passing us // the event) if (e){ //alert("e.pageX= "+e.pageX+"\ne.clientX= "+e.clientX); if (e.pageX){ // this doesn't work on IE6!! (works on FF,Moz,Opera7) mousex = e.pageX; algor = '[e.pageX]'; // alert("e.pageX= "+e.pageX); if (e.clientX) algor += ' [e.clientX] ' } else if (e.clientX){ mousex = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft; algor = '[e.clientX]'; // alert("e.clientX= "+e.clientX); if (e.pageX) algor += ' [e.pageX] ' } } return mousex; } // this function is called when the user hovers on the popup menus (PopupId1, PopupId2,..., PopupId5). // the parameter "e" is needed for Mozilla FF as a event handler. // the parameter "obj" varies. for the first popup menu, it is instance name. // for the second popup menu it is class type. // However when the user hovers on the relationship, in order to return the // object classes, two parameter is needed; // one is subject class type, and the other is relationship. then the parameter // "obj" becomes the relationship, and // the last parameter "subj", becomes subject class type. // the parameter varies. this is how JSP file understand which method to call // from the java class. // the parameter container also varies. it tells which div tag needs to be used // as a menu. function entityRelationMouseOver(e, obj, lvl, ttt, container, subj){ //alert("e: "+event+"\nUstte obj id: "+obj+" - \nttt: "+ttt+"\nlvl: "+lvl+" - \ncont: "+container); onMenus=true; var conOnce = container; var mydivs=document.getElementById("dDivId"+lvl).getElementsByTagName('div'); for(i=1; i=lvlsofar){ lvlsofar=lvl+1; } //alert(ttt); if(lvlsofar-lvl>1){ for(i=lvl+2; i<=lvlsofar; i++){ var newId = "PopupId"+i; container = document.getElementById(newId); // yeniId PopupId3 and PopupId4 container.firstChild.innerHTML = " "; container.style.display = "none"; } } //alert("Altta objId: "+obj+" \nttt: "+ttt+" \nlvl: "+lvl+" \ncont: "+container+" "); loadXMLDoc(obj, ttt, conOnce, subj); if(ttt=="t4"){ preRel=obj; } else if(ttt=="t6"){ preObj=obj; } document.getElementById(obj).className = "ItemMouseOver"; if(lvl==4){ if(msie){ document.getElementById(container).style.pixelTop = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop - 10; document.getElementById(container).style.pixelLeft = document.getElementById("PopupId4").getBoundingClientRect().right + Bdy.scrollLeft - 4; } else{ //alert("e: "+e+"\nUstte obj id: "+obj+" - \nttt: "+ttt+"\nlvl: "+lvl+" - \ncont: "+container+" "); var newX = findPosX(document.getElementById("PopupId4")); document.getElementById(container).style.top = giveCoordY(e) - 10 + 'px'; document.getElementById(container).style.left = newX + popupWidth(document.getElementById("PopupId4")) - 0 + 'px'; } } if(lvl==6){ //alert("In if(lvl==6): obj= "+obj+" \nttt: "+ttt+" \nlvl: "+lvl+" \ncont: "+container+" "); document.getElementById("PopupId6").style.pixelLeft = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft - 200; document.getElementById("PopupId6").style.pixelTop = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop; } } var prelvl=0; function entityRelationMouseOut(obj, lvl){ prelvl = lvl; onMenus=false; } var preFile=null; var curFile=null; var preSubj=null; var curSubj=null; var preRel=null; var curRel=null; var preObj=null; var curObj=null; function setSubject(subj) { preSubj = subj; entityOneName = subj; } function setRelation(rel) { preRel = rel; relationName = rel; } function setObject(obj) { preObj = obj; entityTwoName = obj; } // this function takes the file path as the first parameter. it takes the abstract part of the XML file and insert into, // the container which is specified as the last parameter of the function. function filesMouseClick(obj, lvl, ttt, container,from){ preFile=curFile; curFile=unescape(obj); if(from!="noHistory"){ BuildHistory(preFile, lvl); } //DELROY: added a slight delay to allow ajax request to processs setTimeout("loadXMLDoc('"+obj+"', '"+ttt+"', '"+container+"')",200); } function filesMouseOut(obj){ document.getElementById(obj).className = "cFilesCls"; } // this function is used only to highlight the file name by changing its classname. function filesHoverMouseOver(ins, fromContId, container){ ins = unescape(ins); document.getElementById(ins).className = "ItemMouseOver"; //DELROY: uniform behaviour on mouseover for popups loadSnippetXML(ins); } // this function is used only to unhighlight the file name by changing its classname to its orijinal name. function filesHoverMouseOut(ins, ttt, container){ //DELROY: delete all snippets var snippet = document.getElementById("snippetId"); snippet.innerHTML = ""; snippet.style.visibility = "hidden"; //alert("overda ins= "+ins+"\nttt= "+ttt+"\ncont= "+container); ins = unescape(ins); if(ins.substring(0,1)=="5"){ document.getElementById(ins).className = "cDivCls"; // cDivCls for 5. menu. cFilesCls is for left } else if(ins.substring(0,1)=="6"){ document.getElementById(ins).className = "cFilesCls"; // cDivCls for left-most menu that has file names. } else if(ins.substring(0,1)=="7"){ document.getElementById(ins).className = "cDivCls"; // cDivCls for 5. menu. cFilesCls is for left } else if(ins.substring(0,1)=="h"){ document.getElementById(ins).className = "cHistFileName"; // cDivCls for 5. menu. cFilesCls is for left } else if(ins.substring(0,1)=="f"){ document.getElementById(ins).className = "xx"; // cDivCls for 5. menu. cFilesCls is for left } //alert("at Out, class name"+document.getElementById(ins).className); } // after the abstract part of the file is inserted into web page, the named entities are between and tags. // and these terms are in different color. when the user hover over a named // entity, the function below is called. // the second parameter ttt is t2 in this case. function spanHover(e, namedEntity, ttt, container, parentId){ //alert("event:\n" + e +"namedEntity: "+namedEntity+"\nttt= "+ttt+"\nCont= "+container); // the boolean popup2Appeared is used for the reason that when user hover on // a namedEntity (the term with different color) // the first popup menu appears (PopupId1). When user hovers on another // named entity, we remove the previously appeared // popup menu, and generate a new popup menu (PopupId1). however, once user // hover on the popup1 menu, then popup2 menu // appears. after that when user hovers on another named entity, the two // menus would not be removed. the only way, // to get rid of them, is to click on somewhere on the page so that the // function clearThemAllByClick removes them. //DELROY: get the element that triggered this event var target = getTargetElement(e); var targetID = target.parentNode.parentNode.getAttribute("id"); // event target id //target.style.background='#CC3300'; baseDoc = document.getElementById(parentId); if(!deactivator){ //only set the base span if the second popup menu appears if(baseDoc == null){ //baseDoc = document.getElementById(targetID); } entityOneName = namedEntity; //set entity name was throwing a bug earlier (was null) } //alert("the parent is: " + baseDoc.id); if(!popup2Appeared){ if(ttt=="t2"){ preSubj=namedEntity; loadXMLDoc(namedEntity, ttt, container); // container is PopupId1 here And ttt is 't2'. } if(msie){ // if the browser is MS IE document.getElementById(container).style.pixelLeft = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft + 5; document.getElementById(container).style.pixelTop = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop + 2; } else{ // if the browser is NOT MS IE document.getElementById(container).style.top = giveCoordY(e) + 15 + 'px'; document.getElementById(container).style.left = giveCoordX(e) + 15 + 'px'; } } } // the function below gets the list of type classes in XML format from AJAX engine, builds the PopudId1 menu which // includes the list of type classes of a named instance when user hover over // them. function BuildMenu(obj){ // the boolean popup2Appeared is used for the reason that when user hover on a namedEntity (the term with different color) // the first popup menu appears (PopupId1). When user hovers on another // named entity, we remove the previously appeared // popup menu, and generate a new popup menu (PopupId1). however, once user // hover on the popup1 menu, then popup2 menu // appears. after that when user hovers on another named entity, the two // menus would not be removed. the only way, // to get rid of them, is to click on somewhere on the page so that the // function clearThemAllByClick removes them. if(!popup2Appeared){ clearThemAll(); var items = obj.getElementsByTagName('item'); var relIDs = obj.getElementsByTagName('relID'); var inss = obj.getElementsByTagName('ins'); var d = document.createElement('div'); d.className="dDivCls"; d.setAttribute('id', 'dDivId1'); d.setAttribute('lvl', '1'); c = document.createElement('div'); c.className="cHeaderCls"; c.setAttribute('id', inss[0].firstChild.nodeValue); c.appendChild(document.createTextNode(inss[0].firstChild.nodeValue.replace(/_/g," "))); d.appendChild(c); for(i=0; i 2){ preFile = preFile.substring(0,preFile.lastIndexOf("-")); }//end if var thumb_up = document.createElement('img'); thumb_up.className="thumb_up"; thumb_up.setAttribute("src", "img/thumb_up.png"); thumb_up.setAttribute("alt", "Approve Triple"); thumb_up.onclick = new Function("issueRating(\""+ preFile +"\", \"binary\", \"1\", \"" + getSelectedDB() + "\", \"" + getSelectedNavType() + "\");"); var thumb_down = document.createElement('img'); thumb_down.className="thumb_down"; thumb_down.setAttribute("src", "img/thumb_down.png"); thumb_down.setAttribute("alt", "Disapprove Triple"); thumb_down.onclick = new Function("issueRating(\""+ preFile +"\", \"binary\", \"0\", \"" + getSelectedDB() + "\", \"" + getSelectedNavType() + "\");"); trail = document.createElement('div'); trail.className="dHistCls"; trail.setAttribute('id', "dDivHistId"); var c = document.createElement('div'); c.className="cHistCls"; c.setAttribute('id', 'cId'); c1 = document.createElement('span'); c1.className="cHistFileName"; c1.appendChild(document.createTextNode(" ")); c.appendChild(c1); c2 = document.createElement('span'); c2.setAttribute('id', preFile); c2.className="cHistFileName"; if(entityOneName!=null && entityTwoName!=null && relationName!=null){ //c2.appendChild(document.createTextNode("Relation ("+entityOneName+" "+relationName+" "+entityTwoName +") appears in "+ preFile.substring(preFile.indexOf("outsent")+8))); c2.appendChild(document.createTextNode("Relation ("+entityOneName+" "+relationName+" "+entityTwoName +") appears in "+ preFile)); } c2.onclick = new Function("filesMouseClick(\""+escape(c2.id)+"\" ,\"7\" ,\"t1\" ,\"textFileArea\",\""+ "noHistory"+"\");"); // mydivs[i].nodeValue // firstChild.nodeValue // this function is used only to highlight the file name by changing its // classname. c2.onmouseover = new Function("filesHoverMouseOver(\""+escape(c2.id)+"\", \'histAreaId\', \'filesId1\');"); // mydivs[i].nodeValue // firstChild.nodeValue // this function is used only to unhighlight the file name by changing // its classname to its orijinal name. c2.onmouseout = new Function("filesHoverMouseOut(\""+escape(c2.id)+"\", \'f9\', \'filesId1\');"); // mydivs[i].nodeValue // firstChild.nodeValue c.appendChild(c2); c.appendChild(thumb_up); c.appendChild(thumb_down); trail.appendChild(c); if(lvl=="5"){ c = document.createElement('div'); c.className="cHistCls"; p = document.createElement('pre'); p.appendChild(document.createTextNode("\t")); c.appendChild(p); c1 = document.createElement('span'); c1.className="histHeaderCls"; c1.appendChild(document.createTextNode("MESH term= ")); c.appendChild(c1); c2 = document.createElement('span'); c2.className="cHistValues"; c2.appendChild(document.createTextNode(preSubj.replace(/_/g," "))); c.appendChild(c2); p = document.createElement('pre'); p.appendChild(document.createTextNode(" ")); c.appendChild(p); c1 = document.createElement('span'); c1.className="histHeaderCls"; c1.appendChild(document.createTextNode("--->")); c.appendChild(c1); p = document.createElement('pre'); p.appendChild(document.createTextNode(" ")); c.appendChild(p); c1 = document.createElement('span'); c1.className="histHeaderCls"; c1.appendChild(document.createTextNode("Relation= ")); c.appendChild(c1); c2 = document.createElement('span'); c2.className="cHistValues"; c2.appendChild(document.createTextNode(preRel.replace(/_/g," "))); c.appendChild(c2); p = document.createElement('pre'); p.appendChild(document.createTextNode(" ")); c.appendChild(p); c1 = document.createElement('span'); c1.className="histHeaderCls"; c1.appendChild(document.createTextNode("--->")); c.appendChild(c1); p = document.createElement('pre'); p.appendChild(document.createTextNode(" ")); c.appendChild(p); c1 = document.createElement('span'); c1.className="histHeaderCls"; c1.appendChild(document.createTextNode("Object= ")); c.appendChild(c1); c2 = document.createElement('span'); c2.className="cHistFileName"; c2.setAttribute('id', 'cHistObjId'); c2.onmouseover = new Function("entityRelationMouseOverFromHist(arguments[0], \""+preObj+"\", \"t12\", \"PopupId6\");"); c2.appendChild(document.createTextNode(preObj.replace(/_/g," "))); c.appendChild(c2); trail.appendChild(c); } } } function buildSubMenu5FromHist(obj){ // this builds PopupId5, the file names clearThemAll(); var items = obj.getElementsByTagName('item'); var d = document.createElement('div'); d.className="dDivCls"; c = document.createElement('div'); c.className="cHeaderCls"; c.appendChild(document.createTextNode("File names")); d.appendChild(c); for(i=0; i // and tags. by using // obj.getElementsByTagName('item'), we get the MeSH terms and put them in // array "items". var items = obj.getElementsByTagName('item'); // we create a div tag to put the items in it. var d = document.createElement('div'); d.className="dSetCls"; d.setAttribute('id', 'dDivId7'); for(i=0; iparamLength){ // the next around 20 lines of code are needed for event handling. So, leave it as it is. if( !e ){ if(window.event){ e = window.event; } else{ return; } } if(typeof(e.which) == 'number'){ e = e.which; } else{ if(typeof(e.keyCode) == 'number'){ e = e.keyCode; } else { if(typeof(e.charCode) == 'number'){ e = e.charCode; } else{ return; } } } var tableBool; var HL; var downArrow; var divName; var popUpName; var start;var end; if(fieldNumber==1){ tableBool=setTableExist; HL=isHL; downArrow=downArrowIter; divName="dDivId7"; popUpName="SetPopupId"; start="64"; end="123"; } else if(fieldNumber==2){ tableBool=setTableExist2; HL=isHL2; downArrow=downArrowIter2; popUpName="SetPopup2Id"; divName="dDivId72"; start="47"; end="57"; } // the key code of down arrow key is 40. after user types into search box, the suggestion menu appears. // when user press the down arrow key, we want to highlight the first // file name in the suggestion menu. // The boolean variable setTableExist2 below is used to make sure the // suggestion menu has appeared already. // otherwise there would not be any first file name if there was no menu // already. if(e=="40" && tableBool){ // the boolean variable isHL2 stands for "is any file name HighLighted?". if it is not, then we set the // counter (downArrowIter2) to "-1", so that when we increase it by // one, it becomes "0", which is the first child. if(!HL){ downArrow = -1; HL = true; } // in order to avoid JS error, when the highlighted file name is the last child of the menu, then when the // down arrow key is pressed, the counter should not be increased. // because there is no next child to highlight. if(downArrow tag. And this is how we // highlight a spesific child of menu. // We set a different color for that class name in the CSS file. document.getElementById(divName).childNodes[downArrow].className = "ItemMouseOver"; } // when the user press on the arrow key, the next child is highlighted by changing the class name to "ItemMouseOver". // Then we need to change the class name of previous child to // "cSetCls" again, which it was before highlighted. // only exception is that when the counter is "0". because there // would not be a previous child to change the class name. if(downArrow!="0"){ document.getElementById(divName).childNodes[downArrow-1].className = "cSetCls"; } } else{ // the key code of up arrow key is 38. after user types into search box, the suggestion menu appears. // unless the user types the down arrow key, not any child would be // highligted, and the counter will be // less than "0", which is "-1" in that case. // in order to to have the up key to make sense, any item in the // menu should have been highlighted already, and // that highlighted item should not be first item in the menu. if(e=="38" && downArrow>"0"){ HL = true; // after pressing the up arrow key, the current highlighted item // is unhighlighted by setting the class name to its // orijinal name (cSetCls). then we decrease the counter by one, // and highlight that child by changing the class name // to "ItemMouseOver". document.getElementById(divName).childNodes[downArrow].className = "cSetCls"; downArrow -=1; document.getElementById(divName).childNodes[downArrow].className = "ItemMouseOver"; } else{ // if the key code is between 48 and 57, then it is number. The AJAX function does not call the java class unless // the typed character is either a number or backspace key // (e=="8"). if((e>start && e
"; } else { $('dbSelector').innerHTML += database + ":
"; } } req = false; populateSelectNavTypeSection(); } } } function populateSelectNavTypeSection() { if(window.XMLHttpRequest) { try { req = new XMLHttpRequest(); } catch(e) { } // branch for IE/Windows ActiveX version } else if(window.ActiveXObject) { try { req = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { try { req = new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) { } } } if(req) { req.onreadystatechange = function(){ populateSelectNavTypeSectionCallback() }; req.open("POST", apiUrl, true); req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); req.send("t15=true&databaseid=" + getSelectedDB()); } } function populateSelectNavTypeSectionCallback() { if(req.readyState == 4) { if(req.status == 200) { var navtypes = req.responseXML.getElementsByTagName('navtype'); for(var i = 0; i < navtypes.length; i++) { var navtype = navtypes[i].childNodes[0].nodeValue; if(i == 0) { $('navTypeSelector').innerHTML = navtype + ":
"; } else { $('navTypeSelector').innerHTML += navtype + ":
"; } } req = false; } } } //DELROY: determines whether to add a new abstract to the workbench or not function addAnotherChildNode(newObj){ var temp = document.createElement("div"); $(temp).insert(newObj); var nodes = $(temp).childElements(); for(var i=0;i " + entityOneName + " > " + relationName + " > " + entityTwoName + " > " + node.id; tempTrail.style.visibility = "visible"; //tempTrail.style.border = "2px"; }else{ tempTrail.innerHTML = baseDoc.id + " > " + entityOneName + " > " + node.id; //tempTrail.style.background = "#777777"; tempTrail.style.color = "#2647a0"; tempTrail.style.visibility = "visible"; } } node.style.border = "1px dotted #666666"; updateTrails(); } }//end for } //TODO: replace with prototype //DELROY: remove all children of a div from the textarea, then remove the node itself function closeDIV(divToClose){ var dtc = document.getElementById(divToClose); var dtcParent = dtc.parentNode; if((dtc != null) && (dtcParent != null)){ var children = dtcParent.getElementsByTagName('div'); for(i=0; i"; entityID.style.font = "bold"; entityID.style.margin = ""; var meshDesc = document.createElement("span"); meshDesc.innerHTML = "MeshID:
"; meshDesc.style.font = "bold"; var breakTag = document.createElement("br"); var pTag = document.createElement("p"); var hrTag = document.createElement("hr"); var newKeywordSearch = document.createElement("span"); newKeywordSearch.innerHTML = "More results about "; var kword = document.createElement("span"); kword.className = "divLikeAnchor"; //kword.innerHTML = target.id; var keyword = target.innerHTML; kword.innerHTML = keyword; //alert('1'); kword.onclick = new Function("doKeywordSearch('"+keyword+"');"); //newKeywordSearch.appendChild(kword); var relations = document.createElement("span"); relations.onmouseover = new Function("spanHover(arguments[0],'"+target.id+"','t2','PopupId1','"+parent.id+"');"); var relationMsg = document.createTextNode("Explore relations: "); relations.appendChild(relationMsg); relations.className = "pushPin"; entityOneName = keyword; menuBody.appendChild(entityID); menuBody.appendChild(meshDesc); menuBody.appendChild(hrTag); menuBody.appendChild(newKeywordSearch); menuBody.appendChild(kword); menuBody.appendChild(pTag); menuBody.appendChild(relations); menuBody.appendChild(relImage); mainmenu.appendChild(menuHeader); mainmenu.appendChild(menuBody); mainmenu.style.top = giveCoordY(e) + 'px'; mainmenu.style.left = giveCoordX(e) + 15 + 'px'; mainmenu.style.visibility = "visible"; deactivateSpanTags = true; deactivator = true; closeMM = true; mainmenu.onclick = new Function("closeMenu()"); } } //DELROY: close the popup menu function closeMenu(){ removeMenu(); deactivator = false; deactivateSpanTags = false; } //DELROY: remove the popup menu from the dom tree function removeMenu(){ var menuItem = document.getElementById("mainmenuId"); // alert(menuItem.id); if(menuItem != null){ menuItem.innerHTML = ""; menuItem.style.visibility = "hidden"; }//end if } //DELROY: target element that triggered this event function getTargetElement(e){ var e = e || window.event; // event object var target = e.target || window.event.srcElement; // event target return target; } //DELROY: this method is called when the popup menu shows up and the user selects a keyword search function doKeywordSearch(keyword){ uri = "XMLGenerator.jsp"; var container = document.getElementById("textFileArea"); var ttt = "t1"; //DELROY: add double quotes to keyword if more than one word so we can search complex entities if(keyword.split(" ").length > 1){ keyword = "\""+keyword+"\""; }//end if var param = "username=" +keyword; param = param + "&t9=true"; param = param + "&databaseid=" + getSelectedDB() + "&navtype=" + getSelectedNavType(); req = false; // branch for native XMLHttpRequest object if(window.XMLHttpRequest) { try { req = new XMLHttpRequest(); } catch(e) { req = false; } // branch for IE/Windows ActiveX version } else if(window.ActiveXObject) { try { req = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { try { req = new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) { req = false; } } } if(req) { req.onreadystatechange = function () { processReqChange(container, ttt); }; req.open("POST", uri, true); req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); req.send(param); } //close main menu closeMenu(); } //DELROY: show dom elements only after page load function showDomObjects(){ document.getElementById("main-containerID").style.visibility = "visible"; document.getElementById("copyrightID").style.visibility = "visible"; } //DELROY: add or remove an abstract from the bookmark array function addRemoveBookmarkItem(e, pmid){ var obj = document.getElementById(pmid); var target = getTargetElement(e); if($(target).src.endsWith("/img/unlock.gif")){ bookmarkArray.push(obj); obj.className = "bookmarkedabstract"; target.setAttribute("src", "img/lock.gif"); }else{ var startPos = $(bookmarkArray).indexOf(obj); if(bookmarkArray.length == 1){ bookmarkArray = new Array(); }else{ bookmarkArray.splice(startPos, 1); } target.setAttribute("src", "img/unlock.gif"); } }//end //DELROY: this is too much code duplication, but at the moment seems like a feasible approach //the loadSnippetXML method queries the index for the abstract of the document with the file //being hovered. function loadSnippetXML(fileId){ //loadXML uri = "XMLGenerator.jsp"; var param = "username=" +fileId; param = param + "&t1=true"; param = param + "&databaseid=" + getSelectedDB() + "&navtype=" + getSelectedNavType(); req = false; // branch for native XMLHttpRequest object if(window.XMLHttpRequest) { try { req = new XMLHttpRequest(); } catch(e) { req = false; } // branch for IE/Windows ActiveX version } else if(window.ActiveXObject) { try { req = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { try { req = new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) { req = false; } } } if(req) { req.onreadystatechange = function () { createSnippet(fileId); }; req.open("POST", uri, true); req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); req.send(param); } } //DELROY: the createSnippet function creates a div to show a snippet of the document hovered over function createSnippet(fileId){ if(req.readyState == 4){ if(req.status == 200){ var newObj = req.responseText; var file = document.getElementById(fileId); var className = "snippet"; var snippet = document.getElementById("snippetId"); snippet.className = className; snippet.style.visibility = "visible"; snippet.style.top = findPosY(file)+5; snippet.style.left = findPosX(file)-340; $(snippet).insert(newObj); //DELROY: HACK: will use getElementsByTagName("img")..was breaking $(snippet).getElementsByClassName("divPromote")[0].style.visibility = "hidden"; $(snippet).getElementsByClassName("divClose")[0].style.visibility = "hidden"; $(snippet).getElementsByClassName("pushPin")[0].style.visibility = "hidden"; $(snippet).getElementsByClassName("pushPin")[0].style.visibility = "hidden"; $(snippet).getElementsByClassName("GeneRif")[0].className = className+"-content"; //var tempTrail = "Trail: "+ baseDoc.id + " > " + entityOneName + " > " + relationName + " > " + entityTwoName + " > " + "ABS"+fileId; var tempTrail = "Trail: " + entityOneName + " > " + relationName + " > " + entityTwoName + " >"; tempTrail.className = className; snippet.appendChild(document.createTextNode(tempTrail)); snippet.appendChild(document.createElement("p")); }//end if }//end if }