//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // Description: This javaScript is to show/hide id by ID name. // Programmer: hat // Function(s): showHideID(idName); //pass one variable // Tested on: IE6.0 //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // config for style - global variables //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ var debug = false; var dStyle = 'block'; //display type: inline, block, etc. var dNPref = 'd'; //division name preffix var iNPref = 'i'; //image name preffix var iStatusOn = 'on'; //image status on/off var iStatusOff = 'off'; //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // Call this function to show/hide id/img // Ex: sHIDIMG('idName','imgName'[,1/0]); //show/hide idName, imgName [,force to show/hide] //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ function sHIDIMG(idName, imgName, dDisplay) { if (debug) alert("in sHIDIMG: "+ idName +":"+ imgName +":"+ dDisplay); if(imgName == ""){ imgName = iNPref + idName.substr(1, 2); } showHideImg(imgName, dDisplay); showHideID(idName, dDisplay); } //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // Call this function to show/hide img name // Ex: showHideImg('imgName'[,1/0]); //show/hide idName [,force to show/hide] //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ function showHideImg(imgName, dDisplay) { if (debug) alert("in showHideImg: "+ imgName +":"+ dDisplay); if(imgName == ""){ return 0; } if(dDisplay == 1){ dDisplay = "s"; //convert 1 to show } else if (dDisplay == 0){ dDisplay = "h"; } else if (dDisplay == "" || typeof(dDisplay) == 'undefined'){ dDisplay = ""; //default to none } if(is_ie) { //IE4+ imgN = document.all[imgName]; } else if(is_ns5up) { //NS5+, NS6+ imgN = document.getElementById(imgName); } else if(is_ns4) { imgN = eval("document." + imgName); } if (debug) alert("imgN obj: "+ imgN +":"+ imgName); if(imgN) { var iSrc = imgN; var iPref = iSrc.src.substr(0, iSrc.src.lastIndexOf("_")); //prefix of img url var iSuff = iSrc.src.substr(iSrc.src.length - 3, 3); //suffix of img ext, assume img file w/3 letters ext. var iStsB = iSrc.src.indexOf("_") + 1; //status begin location var iStsE = iSrc.src.lastIndexOf(".") - iStsB; //status end location var iSts = iSrc.src.substr(iStsB, iStsE); if (dDisplay == 's') { //show all iSrc.src = iPref +'_'+ iStatusOn +'.'+ iSuff; //extract } else if (dDisplay == 'h') { //hide all iSrc.src = iPref +'_'+ iStatusOff +'.'+ iSuff; //collapse } else { if (iSts == iStatusOff) { iSrc.src = iPref +'_'+ iStatusOn +'.'+ iSuff; //extract } else { iSrc.src = iPref +'_'+ iStatusOff +'.'+ iSuff; //collapse } } } if (debug) alert("out: "+ imgName +":"+ imgN.src); } //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // Call this function to show/hide id name // Ex: showHideID('idName'[,1/0]); //show/hide idName [,force to show/hide] //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ function showHideID(idName, dDisplay) { if (debug) alert("in showHideID: "+ idName +":"+ dDisplay); if(dDisplay == 1){ dDisplay = "s"; //convert 1 to show } else if (dDisplay == 0){ dDisplay = "h"; } else if (dDisplay == "" || typeof(dDisplay) == 'undefined'){ dDisplay = ""; //default to none } if(is_ie) { //IE4+ idN = document.all[idName]; pStyle = ".style.display"; dNone = "none"; } else if(is_ns5up) { //NS5+, NS6+ idN = document.getElementById(idName); pStyle = ".style.display"; dNone = "none"; } else if(is_ns4) { idN = eval('document.layers["'+ idName +'"]'); // idN = eval('document.'+ idName); pStyle = ".visibility"; dStyle = "show"; dNone = "hide"; } if (debug) alert("src: "+ idName +":"+ idN +":"+ eval('idN'+pStyle)); if(idN) { if(dDisplay == 's'){ eval('idN'+pStyle+'=dStyle'); } else if (dDisplay == 'h') { eval('idN'+pStyle+'=dNone'); } else { if(eval('idN'+pStyle) == dNone) { eval('idN'+pStyle+'=dStyle'); //if(is_ns4){ eval('idN.position="relative"');eval('idN.display="block"'); } } else { eval('idN'+pStyle+'=dNone'); //if(is_ns4){ eval('idN.position="absolute"');eval('idN.display="none"'); } } } } if (debug) alert("out: "+ idName +":"+ eval(idN+pStyle)); } //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // Call this function to show/hide id name // Ex: showHideLK('idName'[,'objLK']); //show/hide idName // Sample: [Hide] //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ function showHideLK(idName,objLK) { if (debug) alert("in showHideLK: "+ idName +":"+ objLK); if (objLK == "" || typeof(objLK) == 'undefined'){ objLK = eval(idName+"_link"); } if(is_ie) { //IE4+ idN = document.all[idName]; pStyle = ".style.display"; dNone = "none"; } else if(is_ns5up) { //NS5+, NS6+ idN = document.getElementById(idName); pStyle = ".style.display"; dNone = "none"; } else if(is_ns4) { idN = eval('document.layers["'+ idName +'"]'); pStyle = ".visibility"; dStyle = "show"; dNone = "hide"; } if (debug) alert("src: "+ idName +":"+ idN ); if(idN) { if(eval('idN'+pStyle) == dNone) { eval('idN'+pStyle+'=dStyle'); if(is_ns4) document.layers[idName].document.write("Hide"); else objLK.innerHTML = "Hide"; } else { eval('idN'+pStyle+'=dNone'); if(is_ns4) document.layers[idName].document.write("Show"); else objLK.innerHTML = "Show"; } } }