/////////////////////////////////////////////////////////////////////////// // // // START OF FILE // // // // - File Name: /online/js/dhtml_drop_down.js // // - File Type: Java Script File // // - Purpose: Defines javascript functions that intereact with // // the interface and it's CSS properties // // - Editing: Level 6 // // - Description: Defines many functions that perform some dynamic // // action, used through the website // // - Notes: // // - Created By: onassar (unknown precise date) // // - Editted By: // // - Enhancements: Enhance as to make javascript variable set true // // when all qvResize's are complete, as to // // setTimeout for input focus function call // // // /////////////////////////////////////////////////////////////////////////// // Name: Quick View Resize // Purpose: To resize the quick view menus (left & right) allowing them to be expanded // Variables: 1) var resizeType - whether the area in question should be expanded or contracts // 2) var area - which area is currently being altered // 3) var curHeight - the current height of that area // 4) var endHeight - the end height, or desired height, that the area should be // when finished // Returns: Nothing // Notes: Actual performs the action based on the given area function qvResize(resizeType,area,curHeight,endHeight) { // if the area should be expanded if(resizeType=="expand") { // set the area's height to the value of the curHeight variable document.getElementById(area).style.height = curHeight+'px'; // if the curHeight variable is less than the endHeight desired variable, still have to keep adjuting // since supposed to be expanding, or making larger if(curHeight < endHeight) { // set the adjustment rate (16.2 pixels per instance) curHeight += 26.2; // create the name of the function that should be called, with the paramters functionName = 'qvResize(\'expand\',\''+area+'\','+curHeight+','+endHeight+')'; // call this functino after a timeout of 1/1000 seconds, with the new curHeight variable set setTimeout(functionName,1); } // otherwise if the curHeight variable is above the endHeight variable, it has been adjusted enough else { // to adjut to final position, set height of area to the endHeight + 2 px (for white border) document.getElementById(area).style.height = (endHeight+2)+'px'; } } // otherwise if the area should be contracted else if(resizeType=="contract") { // set the area's height to the value of the curHeight variable document.getElementById(area).style.height = curHeight+'px'; // if the curHeight variable is greater than the endHeight desired variable, still have to keep adjuting // (since supposed to be contracting or making smaller) if(curHeight > endHeight) { // set the adjustment rate (16.2 pixels per instance) curHeight -= 26.2; // create the name of the function that should be called, with the paramters functionName = 'qvResize(\'contract\',\''+area+'\','+curHeight+','+endHeight+')'; // call this functino after a timeout of 1/1000 seconds, with the new curHeight variable set setTimeout(functionName,1); } else { if(navigator.appName=="Netscape" && (area=="page_main_center" || area=="page_message")) { // to adjut to final position, set height of area to the endHeight px // document.getElementById(area).style.height = (endHeight-39)+'px'; // document.getElementById(area).style.marginBottom = '-6px'; } else { } document.getElementById(area).style.height = endHeight+'px'; } } } // Name: Quick View Load // Purpose: To determine which div element is to be loaded (either expanded or contracted), and then // call the appropriate function // Variables: 1) var area - which area is to be altered // Returns: Nothing // Notes: Simply determines the specific area that is to be adjusted, based on the ID sent of the // parent ID function qvLoad(area) { // get the entire section using the area variable as the element ID sectionArea = document.getElementById(area); // get all the areas in this section, but their div tags sectionAreaBody = sectionArea.getElementsByTagName('div'); // load the height of the 4th element of the div tags in this area (this is the area that is actually to be // adjusted) areaHeight = sectionAreaBody[3].offsetHeight; // set the sectionTabs array with the variable of the area that is to be adjusted variableNameSub = 'sectionTabs[\"'+area+'\"]'; // then check the value of this variable // this is done to determine whether the area is currently expanded or contracted variableValue = eval(variableNameSub); // set the value of this array pointer, to false if contracted if(variableValue) { sectionTabs[area] = false; } // otherwise set it to true, if the area has been expanded else { sectionTabs[area] = true; } // if the value of the area pointer in the secionTabs array is false, expand it (since it is contracted) if(!variableValue) { // call the function to resize the area section, expanding it, with the curHeight variable set to 39 // (default height for the menu headers) and the endHeight to be the area height + 41 (where the area // height was determined by determining the offset height in line 92; and 41 is added to adjust for spacing // at the top and 2 pixels at the bottom) qvResize('expand',area,43,(areaHeight+45)); } // otherwise if the variable value is true, meaning it is expanded, contract it else { // call the function to resize the area section, contracting it, with the curHeight to be the area height // + 39 + 5 (where the area height was determined by determining the offset height in line 92; and 39 is added // to adjust for spacing at the top and 5 pixels at the bottom); and the endHeight variable is set to 35 to // adjust to the normal height (although it is 39, the 4 pixels are automatically adjuted through process) qvResize('contract',area,(areaHeight+43+5),39); } } /////////////////////////////////////////////////////////////////////////// // // // END OF FILE // // // ///////////////////////////////////////////////////////////////////////////