//============================================================FUNCTIONS /*cell****************************************************** * Constructor for cell object *****************************************************************/ function cell(name, image, hAlign, vAlign, rows, columns, type) { this.name = name; //name (needed to write HTML call to drawCell) this.image = image; //image is the picture which is displayed this.hAlign = hAlign; //vAlign is the vertical orientation ('top' or 'bottom') this.vAlign = vAlign; //hAlign is the horizontal orientation ('left' or 'right') this.type = type; //type determines available options (corner, spandrail, baluster) this.rows = rows; //rows is the rowspan this.columns = columns;//columns is the colspan this.selected = false; // boolean value which becomes true when cell is clicked return this; } /*changeCell****************************************************** * Preconditions: .image is the name of the image that will replace * current image on the door. * * Postconditions: redraws the door * *****************************************************************/ function changeCell(image) { for(i in CellList) { if(CellList[i].selected) // find selected cell { CellList[i].image = image; // change cell's image to 'image' } } drawDoor(); // redraw door } /*display_div************************************************************ * Preconditions: Divisions are all located on door pages. * * Postconditions: Setting all the relevant divisions to "none" so that * they are not shown when the page starts up. ********************************************************************/ function display_div(s_div_id) { // Hide other divisions bracketsTR.style.display = "none" bracketsTL.style.display = "none" bracketsBR.style.display = "none" bracketsBL.style.display = "none" bracketsTRR.style.display = "none" bracketsTLL.style.display = "none" bracketsBRR.style.display = "none" bracketsBLL.style.display = "none" spandrails.style.display = "none" static.style.display = "none" s_div_id.style.display = "" //display relevant division. document.location.href = "#top" } /*drawCell************************************************************ * Preconditions: theCell must refer to an externally defined cell * object. * * Postconditions: cell_str is returned. It will contain HTML code to * display the cell. * ********************************************************************/ function drawCell(theCell) { cell_str = ""; cell_str += " "; // cell onClick action cell_str += ""; // cell image cell_str += ""; // end cell return cell_str } /*printWindow************************************************************ * Preconditions: door_str must be exteranlly defined. * * * Postconditions: A new window is opened containing an image of the door * which is drawn based on the externally defined door_str ********************************************************************/ function printWindow() { var print_str = "printableThis is a test" new_window = open("","displayWindow","width=300,height=600,left=10,top=10"); // open new document new_window.document.open(); // Text of the new document // Replace your " with ' or \" or your document.write statements will fail new_window.document.write("Printable Door"); new_window.document.write(door_str); new_window.document.write("
"); new_window.document.write(""); // close the document new_window.document.close(); } /*selectCell****************************************************** * Preconditions: theCell is a cell object. * It is passed BY REFERENCE. * * Postconditions: The specified cell will be set to true, all * other cells to false. * *****************************************************************/ function selectCell(theCell) { for(i in CellList) { CellList[i].selected=false; // set all cells to unselected } theCell.selected=true; // set theCell to selected } /*submit_door******************************************************* * Preconditions: door_str must be externally defined, * door_type externally defined, * CellList contains cell objects, * frm_submit and input_div defined in the HTML code * * Postconditions: creates dynamic input fields which contain the * relevant information about the customized door, * then it submits the form called frm_submit, which * holds the input field data. *******************************************************************/ function submit_door() { new_window = open("","displayWindow","width=800,height=600,left=10,top=10, scrollbars=yes, resizable=yes, toolbar=yes, menubar=yes"); // open new document new_window.document.open(); // Text of the new document // Replace your " with ' or \" or your document.write statements will fail new_window.document.write("\nSubmit Form"); new_window.document.write("\n"); new_window.document.write("\n\n \n \n \n \n
"); new_window.document.write(door_str); new_window.document.write("\n "); new_window.document.write(submit_form()); var input_str=""; input_str+="\n"; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n
Door Design:"; input_str+="\n "; input_str+="\n
Door Quantity:"; input_str+="\n "; input_str+="\n
Door Measurements:"; input_str+="\n A-B: "; input_str+="\n
C-D: "; input_str+="\n
E-F : "; input_str+="\n
G-H: "; input_str+="\n
"; input_str+="\nHow To Measure Your Door
"; input_str+="\n
Choice of Wood:"; input_str+="\n "; input_str+="\n
"; input_str+="\n (poplar, oak, ash, mahogany, other)
Screening:Fiberglass" input_str+="\n "; input_str+="\n Copper"; input_str+="\n "; input_str+="\n Aluminum"; input_str+="\n "; input_str+="\n
"; input_str+="\n (all screen doors priced in fiberglass, you may choose copper or "; input_str+=" aluminum at additional charges)
Storm Panel(optional):Tempered"; input_str+="\n "; input_str+="\n Plexiglass"; input_str+="\n "; input_str+="\n
Frame Color:White"; input_str+="\n "; input_str+="\n Bronze"; input_str+="\n "; input_str+="\n
"; input_str+="\n (for screen and storm panel)
Name:"; input_str+="\n "; input_str+="\n
Address:"; input_str+="\n "; input_str+="\n
City:"; input_str+="\n "; input_str+="\n
State/Province:"; input_str+="\n "; input_str+="\n
Zip/Postal Code:"; input_str+="\n "; input_str+="\n
Country:"; input_str+="\n "; input_str+="\n
Email:"; input_str+="\n "; input_str+="\n
Confirm Email:"; input_str+="\n "; input_str+="\n
Phone:"; input_str+="\n "; input_str+="\n
Additional Requests/Comments:"; input_str+="\n "; input_str+="\n
"; input_str+="\n "; input_str+="\n
\n" input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n "; input_str+="\n
"; new_window.document.write(input_str); new_window.document.write("\n \n
\n\n"); // close the document new_window.document.close(); } /*submit_form******************************************************* * Preconditions: Holds the input data fields * * Postconditions: Submits door to company *******************************************************************/ function submit_form() { var input_str = ""; input_str += "\n
"; input_str += "\n
"; input_str += "\n"; input_str += "\n
"; for(i in CellList) { if(CellList[i].type != 'static') { input_str += "\n"; input_str += "\n
"; } } input_str += "
"; return input_str; }