s cbSet.not($(this)).parent().hide().parent().append('
Already Selected!
'); // add a} else { cbSet.parent().parent().children('p').remove(); // remove the
s since nothing is checked. cbSet.parent().show(); // show all cbs } }); // change $("#lens").change(function(){ $("#scroller").scrollTo(("#" + $(this).val()), 1, {axis:'x'}); }); $("#lens-base").change(function(){ $("#lens").val(this.value); $("a.editConfigs").click(); }); // attach onclick to the submit "Add to Cart" buttons $(".portal-submit").click( function() { drawTable(); // draw main window here $.modal.close();; }); }); // ready function escID(myid) { return myid.replace(/:/g,"\\:").replace(/\./g,"\\.");} function init( _formSeed, _supportedControls, _targets, _price ) { calcForm = document.forms[_formSeed]; // set the form to attach the event to controlTypes = (typeof(_supportedControls) == 'string' ? new Array(_supportedControls) : _supportedControls); // set the type of element we will check in the form totalTarget = (typeof(_targets) == 'string' ? new Array(_targets) : _targets); // insure we are working with an array and set the target(s) for the total basePrice = parseFloat(_price); // set the base price // init data integrity validation if( !calcForm ) alert("init() did not receive a form name to process!"); if( !controlTypes ) alert("init() did not receive (a) form element type(s)!"); if( !totalTarget ) alert("init() did not receive (a) target(s) for the total!"); if( !basePrice ) alert("init() did not receive a base price!"); for( var i = 0; i < calcForm.elements.length; i++ ) for( var j in controlTypes ) if( calcForm.elements[i].type == controlTypes[j] ) { if( getValue(calcForm.elements[i]) && calcForm.elements[i].type.indexOf('select') == -1 ) // if radio or checkbox getParent(calcForm.elements[i]).cells[1].innerHTML += (" [ Add $" + getValue(calcForm.elements[i]) + " ]"); if( calcForm.elements[i].type.indexOf('select') > -1 ) // selects for( var j = 0; j < calcForm.elements[i].length; j++ ) if( getValue(calcForm.elements[i].options[j].value) ) calcForm.elements[i].options[j].text += (" [ Add $" + getValue(calcForm.elements[i].options[j]) + " ]") calcForm.elements[i].onclick = function (e) { var e = e || event; e.cancelBubble = true; // stop this click from bubbling up to the row handler formWasChanged = true; // set the form as dirty so it can be processed setTotal(); }; // attach the event to all types specified var row = getParent(calcForm.elements[i]); if( row ) { row.onmouseover = function () { if( !selectedItemChangesOnRollover && (getControl(this).checked || getControl(this).selectedIndex) ) return; // will control whether or not a row is affected by rollover when selected this.style.backgroundColor = rolloverOnColor; // highlight the row } row.onmouseout = function () { var x = getControl(this); this.style.backgroundColor = ( x && ( x.selectedIndex || x.checked ) ? selectedColor : rolloverOffColor ); } row.onclick = function () { var x = getControl(this); if( x ) // if there is a control in this row then process it { switch( x.type ) { case( "radio" ) : this.style.backgroundColor = selectedColor; x.checked = true; break; case( "checkbox" ) : x.checked = !x.checked; this.style.backgroundColor = ( x.checked ? selectedColor : unselectedColor ); break; case( "select" ) : // catch alls for the selects case( "select-multiple" ): case( "select-one" ) : this.style.backgroundColor = ( x.selectedIndex ? selectedColor : unselectedColor ); break; } formWasChanged = true; // set the form as dirty so it can be processed setTotal(); } } } } setTotal(); // setTotal will color the rows appropriately and then displayTotal() } function setTotal() { var chosenConfigCost, current_group, current_amount, current_control; var total = basePrice; // set a base point for our total if( controlTypes.contains("radio") ) { var groups = []; var inputControls = calcForm.getElementsByTagName("input").length ? calcForm.getElementsByTagName("input") : new Array(0); // get all input elements handed off in an array for( var i = 0; i < inputControls.length; i++ ) // iterate thru all inputControls - find radio dials and get the groups if( inputControls[i].type == "radio" && !groups.find( inputControls[i].name ) ) groups = groups.concat([inputControls[i].name]); // if this is a new group then add it for( var i = 0; i < groups.length; i++ ) { // iterate thru groups current_group = calcForm.elements[groups[i]]; // set current group chosenConfigCost = 0; // reset the chosenConfig cost for this iteration for( var j = 0; j < current_group.length; j++ ) // iterate thru current group's radio dials (bubble sort) if( current_group[j].type == "radio" && current_group[j].checked ) chosenConfigCost = getValue(current_group[j]); // if this is the higest then set it as the highest for( var k = 0; k < current_group.length; k++ ) { // iterate thru current group current_control = current_group[k]; // set the current control current_amount = getValue(current_control); // set the current amount current_row = getParent(current_control); // set the current row current_row.cells[1].innerHTML = // clear out current dollars current_row.cells[1].innerHTML.replace(new RegExp("(\\s*\\[.*?\\]\\s*)+?", "gi" ),""); current_row.style.backgroundColor = unselectedColor; if( current_amount < chosenConfigCost ) // if current item costs less than the chosen cost then show - subtract current_row.cells[1].innerHTML += " [ Subtract $" + (chosenConfigCost - current_amount).toFixed(2) + " ]"; if( current_amount > chosenConfigCost ) // if current item costs more than the chosen cost then show - add more current_row.cells[1].innerHTML += " [ Add $" + (current_amount - chosenConfigCost).toFixed(2) + " More ]"; if( current_control.checked && current_amount ) // if item is the one checked then show - add total += chosenConfigCost; if( current_control.checked ) current_row.style.backgroundColor = selectedColor; } } } if( controlTypes.contains("select") ) { var selects = calcForm.getElementsByTagName('select').length // catch all for the selects ? calcForm.getElementsByTagName('select') : calcForm.getElementsByTagName('select-one').length ? calcForm.getElementsByTagName('select-one') : calcForm.getElementsByTagName('select-multiple').length ? calcForm.getElementsByTagName('select-multiple') : new Array(0); for( var i = 0; i < selects.length; i++ ) { var thisSelectMax = getValue(selects[i].options[selects[i].selectedIndex]); for( var j = 0; j < selects[i].length; j++ ) { selects[i].options[j].text = selects[i].options[j].text.replace(new RegExp("(\\s*\\[.*?\\]\\s*)+?", "gi" ),""); var thisOption = getValue(selects[i].options[j]) if( thisOption < thisSelectMax ) selects[i].options[j].text += " [ Subtract $" + (thisSelectMax - thisOption).toFixed(2) + " ]"; if( thisOption > thisSelectMax ) selects[i].options[j].text += " [ Add $" + (thisOption - thisSelectMax).toFixed(2) + " More ]" } total += getValue(selects[i].options[selects[i].selectedIndex]); } } if( controlTypes.contains("checkbox") ){ var inputControls = calcForm.getElementsByTagName("input").length ? calcForm.getElementsByTagName("input") : new Array(0); // get all input elements handed off in an array for( var i = 0; i < inputControls.length; i++ ) if( inputControls[i].type == "checkbox" && inputControls[i].checked ) // if it is a checkbox and is checked total += getValue(inputControls[i]); // if so add to total } // end if check box var x=$(".port-total:first").text().match(/\d+(,\d{3})*(\.\d{1,2})?/g); // get any portal prices total += parseFloat((x==null ? 0 : x), 6); displayTotal(total); // display the total in assigned spaces } function displayTotal(total) { for( var i = 0; i < totalTarget.length; i++ ) // loop thru the list of price locations. { var target = $("#" + totalTarget[i]); // get a handle on the target if( target.is("input:text") ) // determine if this is an input target.val() = total.toFixed(2); // output the data in a fixed format else { target.html(formWasChanged ? ("Updated Price $" + total.toFixed(2) ): " " ); target.removeClass().addClass( formWasChanged ? priceChangedClass : priceUnChangedClass ); } } } function setScroll(x){ $("#lens-base").val(x); $("#lens").val(x); $("#scroller").scrollTo( $("#" + x), 1, {axis:'x'}); $("a.editConfigs").click(); return false; } function drawTable() { $("#portal").empty(); if($("input:checkbox:checked").length) { var tableOpen = '