var tempHtml; var tempString; var tempString02; var tempString03; //var greenColor = "#57744B"; var greenColor = "#43902f"; var pulldownHeightArray = new Array(200, 200, 200, 200, 200, 200, 200, 200); var pulldownW = 146; var isIE; var completeTable; var completeField; var autorow; var req; var menu; var isInternetExplorer = navigator.appName.indexOf("Microsoft") != -1; if (section == null) { var section; } //var totalTopNum = sectionArray.length; var totalTopNum = 8; if (subSection == null) var subSection; if (level1 == null) var level1; //PreLoad Images for (i=1; i<=totalTopNum; i++) { if (subSectionArray[i-1] != null) { for (j=1; j<=subSectionArray[i-1].length; j++) { MM_preloadImages(path+'images/topnav/'+sectionArray[i-1].id+'_'+subSectionArray[i-1][j-1].id+'.gif'); } } } tempHtml = ''; tempHtml += '

'; tempHtml += '

'; tempHtml += '

'; tempHtml += ''; tempHtml += ''; tempHtml += ''; tempHtml += ' '; tempHtml += ' '; tempHtml += ' '; tempHtml += ' '; tempHtml += ' '; tempHtml += ' '; tempHtml += ''; tempHtml += '

'; //Top Navigation Start tempHtml += ''; tempHtml += ' '; tempHtml += ' '; tempHtml += ' '; tempHtml += ' '; tempHtml += ' '; tempHtml += ' '; tempHtml += '

'; tempHtml += ''; tempHtml += ' '; //Home Button tempHtml += ' '; tempHtml += ' '; for (i=11; i<=15; i++) { tempHtml += ' '; tempHtml += ' '; } //Laugage Button tempHtml += ' '; tempHtml += ' '; tempHtml += ' '; tempHtml += '

'; tempHtml += '

'; tempHtml += ''; tempHtml += ' '; //Search Start //Added by Peter @ 24/08/2006 tempHtml += ' '; // fix double submission with IE and search witout keyword // Added by Samuel Lai @ 07/02/2007 tempHtml += ' '; //End of Add //Search End for (i=8; i<=10; i++) { tempHtml += ' '; tempHtml += ' '; } tempHtml += ' '; tempHtml += ' '; tempHtml += ' '; tempHtml += ' '; tempHtml += '

'; tempHtml += '

'; //Top Navigation End tempHtml += '

'; tempHtml += ' '; tempHtml += ' '; tempHtml += ' '; tempHtml += ' '; tempHtml += ' '; for (i=1; i<=totalTopNum; i++) { if (i >= 5) { tempString = greenColor; } else { tempString = ''; } if (i == 1 | i == 5) { tempString02 = 10; } else { tempString02 = 20; } tempHtml += ''; tempHtml += ''; if (i == 4 | i == 8) { tempString02 = 10; } else { tempString02 = 20; } if (i == 4 | i == 8) tempHtml += ''; } tempHtml += ' '; tempHtml += '

'; // Nav Bar if (isInternetExplorer) { tempHtml += '

'; } else { tempHtml += '

'; } // Pulldown Start Here if (subSectionArray[i-1] != null) { if (isInternetExplorer) { tempHtml += '

'; tempHtml += '

'; } else { tempHtml += ''; } } // Pulldown End Here tempHtml += '

'; // Main Navigation Start Here tempHtml += '

'; // Main Navigation End Here tempHtml += '

'; tempHtml += '

'; tempHtml += ''; tempHtml += ''; tempHtml += '

'; document.write(tempHtml); if (isInternetExplorer) { document.getElementById('mask_'+totalTopNum).style.pixelLeft = -(pulldownW - document.getElementById('mainBtn_'+totalTopNum).width - 10); } function subBtnOver(i, j, over) { if (over == 1) { document.getElementById(sectionArray[i-1].id+'_'+subSectionArray[i-1][j-1].id).src = path+'images/topnav/'+sectionArray[i-1].id+'_'+subSectionArray[i-1][j-1].id+'_f2.gif'; } else { document.getElementById(sectionArray[i-1].id+'_'+subSectionArray[i-1][j-1].id).src = path+'images/topnav/'+sectionArray[i-1].id+'_'+subSectionArray[i-1][j-1].id+'.gif'; } } function btnOver(id, over, pulldownGo) { if (over == 1) { document.getElementById('btnBar_'+id).style.visibility = 'visible'; if (subSectionArray[id-1] != null) pulldownStart(id, 1); } else { document.getElementById('btnBar_'+id).style.visibility = 'hidden'; if (subSectionArray[id-1] != null) pulldownStart(id, 0); } } var goSpeed = 1; var speed; var goStep; var timeOut; var timeOut02; var tempTop; var objTop; var pulldownNo; function pulldownStart(target, motion) { pulldownNo = target; if (isInternetExplorer) { if (motion == 1) { tempTop = 0; speed = 7; pulldownReset(0); pulldownMotion(); if (section == 0) if (target == 7 | target == 8) document.getElementById('planMenu').style.visibility = 'hidden'; } else { tempTop = -pulldownHeightArray[target-1]; speed = 3; timeOut02 = setTimeout('pulldownMotion();', 100); if (section == 0) if (target == 7 | target == 8) document.getElementById('planMenu').style.visibility = 'visible'; } } else { for (i=1; i<=totalTopNum; i++) { if (subSectionArray[i-1] != null) { if ((i == pulldownNo) && (motion == 1)) { document.getElementById('pulldown_'+pulldownNo).style.top = 28; document.getElementById('pulldown_'+pulldownNo).style.display = 'block'; } else { document.getElementById('pulldown_'+i).style.top = -pulldownHeightArray[i-1]; document.getElementById('pulldown_'+i).style.display = 'none'; } } } } } function pulldownMotion() { objTop = Number(document.getElementById('pulldown_'+pulldownNo).style.pixelTop); goStep = (tempTop-objTop)/speed; if (objTop-tempTop>1 | objTop-tempTop<-1) { objTop += goStep; timeOut = setTimeout("pulldownMotion()",goSpeed); } else { objTop = tempTop; clearTimeout(timeOut); clearTimeout(timeOut02); } document.getElementById('pulldown_'+pulldownNo).style.pixelTop = objTop; } function pulldownReset(all) { for (i=1; i<=totalTopNum; i++) { if (subSectionArray[i-1] != null) { if (all == 1) { document.getElementById('pulldown_'+i).style.pixelTop = -pulldownHeightArray[i-1]; document.getElementById('btnBar_'+i).style.visibility = 'hidden'; } else { if (i != pulldownNo) { document.getElementById('pulldown_'+i).style.pixelTop = -pulldownHeightArray[i-1]; document.getElementById('btnBar_'+i).style.visibility = 'hidden'; } } } } } function getElementY(element) { var targetTop = 0; if (element.offsetParent) { while (element.offsetParent) { targetTop += element.offsetTop; element = element.offsetParent; } } else if (element.y) { targetTop += element.y; } return targetTop; } function init() { completeField = document.getElementById("complete-field"); menu = document.getElementById("auto-row"); autorow = document.getElementById("menu-popup"); autorow.style.top = getElementY(menu) + "px"; completeTable = document.getElementById("completeTable"); completeTable.setAttribute("bordercolor", "white"); } /* * Doris Poon replace the following code */ function initRequest(url) { request = null; try{ request = new XMLHttpRequest(); // for non-Microsoft browser like safari and firefox }catch (trymicrosoft){ try{ request = new ActiveXObject("Msxml2.XMLHTTP"); // For IE (most version of IE) }catch (othermicrosoft){ request = new ActiveXObject("Microsoft.XMLHTTP"); // For IE } } return request; /* Doris Poon comment the following code and add the above code if (window.XMLHttpRequest) { return new XMLHttpRequest(); } else if (window.ActiveXObject) { isIE = true; return new ActiveXObject("Microsoft.XMLHTTP"); } */ } function doSearch(form) { var retValue = true; var searchKeyword = form.keyword.value; if (searchKeyword == "") { retValue = false; form.keyword.focus(); } else { //searchKeyword = searchKeyword.replace(/( and | \+ | \&\& )/gi, " AND ").replace(/( not |( -))/gi, " NOT ").replace(/( \|\| | or )/gi, " "); // XSS prevention //searchKeyword = searchKeyword.replaceAll("<", "").replaceAll(">", ""); //searchKeyword = searchKeyword.replaceAll("eval\\((.*)\\)", ""); //searchKeyword = searchKeyword.replaceAll("[\\\"\\\'][\\s]*javascript:(.*)[\\\"\\\']", "\"\""); //searchKeyword = searchKeyword.replaceAll("script", ""); form.keyword.value = searchKeyword; if (form.keyword.value.length <= 0) { retValue = false; } } return retValue; } function doCompletion() { init(); if (completeField.value == "") { clearTable(); } else { var url = encodeURI(path + "../../autocomplete?lang=chi&action=complete&keyword=" + completeField.value); var req = initRequest(url); req.onreadystatechange = function() { if (req.readyState == 4) { if (req.status == 200) { parMsg(req.responseXML); } else { clearTable(); } } }; req.open("GET", url, true); req.send(null); } } function parMsg(responseXML) { clearTable(); var searchdata = responseXML.getElementsByTagName("searchdata")[0]; if (searchdata.childNodes.length > 0) { completeTable.setAttribute("bordercolor", "black"); completeTable.setAttribute("border", "0"); completeTable.setAttribute("table-layout", "fixed"); for (loop = 0; loop < searchdata.childNodes.length; loop++) { var result = searchdata.childNodes[loop]; var keyword = result.getElementsByTagName("keyword")[0]; var searchid = result.getElementsByTagName("searchid")[0]; appendResult(keyword.childNodes[0].nodeValue, searchid.childNodes[0].nodeValue); } if (isInternetExplorer) { autorow.style.setAttribute("border", "1px solid #CCCCCC;"); }else{ autorow.setAttribute("style", "display: block; white-space: nowrap;position: absolute;top:" + getElementY(menu) + "px; left:370px;z-index:1001; border:1px solid #CCCCCC;"); } } } function clearTable() { if (completeTable) { if (isInternetExplorer) { autorow.style.setAttribute("border", "0px solid #CCCCCC;"); } else { autorow.setAttribute("style", "position: absolute; top:" + getElementY(menu) + "px;left:370px;z-index:1001; border:0px solid #CCCCCC;"); } completeTable.setAttribute("bordercolor", "white"); completeTable.setAttribute("border", "0"); completeTable.style.visible = false; for (loop = completeTable.childNodes.length -1; loop >= 0 ; loop--) completeTable.removeChild(completeTable.childNodes[loop]); } } function appendResult(keyword,searchid) { var keywordCell; var row; var nameCell; if (isInternetExplorer) { row = completeTable.insertRow(completeTable.rows.length); nameCell = row.insertCell(0); } else { row = document.createElement("tr"); nameCell = document.createElement("td"); row.appendChild(nameCell); completeTable.appendChild(row); } nameCell.className = "contentkey"; nameCell.setAttribute("class", "contentkey"); var linkElement = document.createElement("a"); linkElement.className = "contentkey"; linkElement.setAttribute("href", encodeURI(path + "../../autocomplete?lang=chi&action=lookup&keyword=" + keyword)); linkElement.appendChild(document.createTextNode(keyword)); nameCell.appendChild(linkElement); }