Author: apatel
Date: Thu Oct 9 13:34:09 2008 New Revision: 703249 URL: http://svn.apache.org/viewvc?rev=703249&view=rev Log: Re-organized code. No functional changes. Modified: ofbiz/trunk/applications/ecommerce/webapp/ecommerce/images/checkoutProcess.js ofbiz/trunk/applications/ecommerce/webapp/ecommerce/order/OnePageCheckoutProcess.ftl Modified: ofbiz/trunk/applications/ecommerce/webapp/ecommerce/images/checkoutProcess.js URL: http://svn.apache.org/viewvc/ofbiz/trunk/applications/ecommerce/webapp/ecommerce/images/checkoutProcess.js?rev=703249&r1=703248&r2=703249&view=diff ============================================================================== --- ofbiz/trunk/applications/ecommerce/webapp/ecommerce/images/checkoutProcess.js (original) +++ ofbiz/trunk/applications/ecommerce/webapp/ecommerce/images/checkoutProcess.js Thu Oct 9 13:34:09 2008 @@ -27,74 +27,68 @@ var validateShip = new Validation('shippingForm', {immediate: true, onSubmit: false}); var validateShipOption = new Validation('shippingOptionForm', {immediate: true, onSubmit: false}); var validateBill = new Validation('billingForm', {immediate: true, onSubmit: false}); - Event.observe($('editShipping'), 'click', function() { - if (validateCart.validate()) { - Effect.Fade('editShipping', {duration: 0.0}); - // Effect.Appear('processingShipping', {duration: 0.0}); - displayShippingPanel(); - isCartStepValidate = true; - } - }); - + + // Goto Edit Cart Panel Event.observe($('openCartPanel'), 'click', function() { - displayEditCartPanel(); + showEditCartPanel(); }); - // Shipping + // Update Shipping Address Event.observe($('editShippingOptions'), 'click', function() { - if (isCartStepValidate) { - if (validateShip.validate()) { - Effect.Fade('editShippingOptions', {duration: 0.0}); - Effect.Appear('processingShippingOptions', {duration: 0.0}); - processShippingAddress(); - displayShippingOptionPanel(); - isShipStepValidate = true; + if (validateShip.validate()) { + Effect.Fade('editShippingOptions', {duration: 0.0}); + Effect.Appear('processingShippingOptions', {duration: 0.0}); + if (createUpdateCustomerAndShippingAddress()){ + showEditShippingOptionPanel(); } + Effect.Fade('processingShippingOptions', {duration: 0.0}); + Effect.Appear('editShippingOptions', {duration: 0.0}); } }); - Event.observe($('openShippingPanel'), 'click', function() { - if (isCartStepValidate) { - if (isShipStepValidate) { - displayEditShippingPanel(); - } + // Goto Edit Shipping panel + Event.observe($('editShipping'), 'click', function() { + if (validateCart.validate()) { + showEditShippingPanel(); } }); + // Goto Edit Shipping Panel + Event.observe($('openShippingPanel'), 'click', function() { + showEditShippingPanel(); + }); - // Shipping Options + // Set Shipping Method to card and goto Billing step Event.observe($('editBilling'), 'click', function() { - if (isCartStepValidate && isShipStepValidate) { - if (validateShipOption.validate()) { - Effect.Fade('editBilling', {duration: 0.0}); - Effect.Appear('processingBilling', {duration: 0.0}); - setShippingOption(); - displayBillingPanel(); - isShipOptionStepValidate = true; - } + Effect.Fade('editBilling', {duration: 0.0}); + Effect.Appear('processingBilling', {duration: 0.0}); + if (setShippingOption()){ + showEditBillingPanel(); } + Effect.Fade('processingBilling', {duration: 0.0}); + Effect.Appear('editBilling', {duration: 0.0}); }); Event.observe($('openShippingOptionPanel'), 'click', function() { - if (isCartStepValidate && isShipStepValidate && isShipOptionStepValidate) { - displayEditShippingOptionPanel(); + if (true) { + showEditShippingOptionPanel(); } }); // Billing Event.observe($('openBillingPanel'), 'click', function() { - if (isBillStepValidate) { - displayEditBillingPanel(); - } + showEditBillingPanel(); }); Event.observe($('openOrderSubmitPanel'), 'click', function() { - if (isCartStepValidate && isShipStepValidate && isShipOptionStepValidate) { + if (true) { if (validateBill.validate()) { Effect.Fade('openOrderSubmitPanel', {duration: 0.0}); Effect.Appear('processingOrderSubmitPanel', {duration: 0.0}); - processBillingAndPayment(); - displayOrderSubmitPanel(); - isBillStepValidate = true; + if (processBillingAndPayment()) { + showOrderSubmitPanel() + } + Effect.Fade('processingOrderSubmitPanel', {duration: 0.0}); + Effect.Appear('openOrderSubmitPanel', {duration: 0.0}); } } }); @@ -132,192 +126,102 @@ return serverError; } -// Cart -function displayShippingPanel() { +// Begin Show/Hide Step panels - Effect.BlindUp('editCartPanel', {duration: 0.0}); - Effect.BlindDown('cartSummaryPanel'); - if($('shippingSummaryPanel').visible()) { - Effect.BlindUp('shippingSummaryPanel', {duration: 0.0}); - } - Effect.BlindDown('editShippingPanel', {duration: 0.0}); - Effect.Appear('editShippingOptions'); +function hideEditCartPanel() { + if ($('editCartPanel').visible() ) { + Effect.BlindUp('editCartPanel',{duration: 0.0}); + Effect.BlindDown('cartSummaryPanel',{duration: 0.0}); + } +} +function hideEditShippingPanel() { + if ($('editShippingPanel').visible()) { + Effect.BlindUp('editShippingPanel', {duration: 0.0}); + Effect.BlindDown('shippingSummaryPanel', {duration: 0.0}); + } +} +function hideEditShippingOptionPanel() { + if ($('editShippingOptionPanel').visible()) { + Effect.BlindUp('editShippingOptionPanel', {duration: 0.0}); + Effect.BlindDown('shippingOptionSummaryPanel', {duration: 0.0}); + } } - -function displayEditShippingPanel() { - - if (!$('editShippingPanel').visible()) { - if ($('shippingSummaryPanel').visible()) { - Effect.BlindUp('shippingSummaryPanel', {duration: 0.0}); - } - Effect.BlindDown('cartSummaryPanel', {duration: 0.0}); - Effect.BlindDown('editShippingPanel'); - Effect.Fade('processingShipping', {duration: 0.0}); - Effect.Appear('editShippingOptions'); - } - if($('editCartPanel').visible()) { - Effect.BlindUp('editCartPanel', {duration: 0.0}); - Effect.Fade('editShipping'); - } - if ($('editShippingOptionPanel').visible()) { - Effect.BlindUp('editShippingOptionPanel', {duration: 0.0}); - Effect.BlindDown('shippingOptionSummaryPanel', {duration: 0.0}); - Effect.Fade('editBilling') - } +function hideEditBillingPanel() { if ($('editBillingPanel').visible()) { Effect.BlindUp('editBillingPanel', {duration: 0.0}); Effect.BlindDown('billingSummaryPanel', {duration: 0.0}); - Effect.Fade('openOrderSubmitPanel'); } +} +function hideOrderSubmitPanel() { if ($('orderSubmitPanel').visible()) { Effect.BlindUp('orderSubmitPanel', {duration: 0.0}); - } + Effect.Fade('processingOrderButton', {duration: 0.0}); + + } } -function displayEditCartPanel() { - - if ($('orderSubmitPanel').visible()) { - Effect.BlindUp('orderSubmitPanel', {duration: 0.0}); - } - if ($('editBillingPanel')) { - Effect.BlindUp('editBillingPanel', {duration: 0.0}); - Effect.BlindDown('billingSummaryPanel', {duration: 0.0}); - Effect.Fade('openOrderSubmitPanel'); - } - if ($('editShippingPanel').visible()) { - Effect.BlindUp('editShippingPanel', {duration: 0.0}); - Effect.BlindDown('shippingSummaryPanel', {duration: 0.0}); - Effect.Fade('editShippingOptions', {duration: 0.0}); - } - if ($('editShippingOptionPanel').visible()) { - Effect.BlindUp('editShippingOptionPanel', {duration: 0.0}); - Effect.BlindDown('shippingOptionSummaryPanel', {duration: 0.0}); - Effect.Fade('editBilling', {duration: 0.0}); - } +function showEditCartPanel() { if (!$('editCartPanel').visible() ) { - Effect.BlindUp('cartSummaryPanel', {duration: 0.0}); - Effect.BlindDown('editCartPanel'); - Effect.Appear('editShipping'); + Effect.BlindUp('cartSummaryPanel',{duration: 0.0}); + hideEditShippingPanel(); + hideEditShippingOptionPanel(); + hideEditBillingPanel(); + hideOrderSubmitPanel(); + Effect.BlindDown('editCartPanel',{duration: 0.0}); } } -// Shipping -function displayShippingOptionPanel() { - if ($('shippingOptionSummaryPanel').visible()) { - Effect.BlindUp('shippingOptionSummaryPanel', {duration: 0.0}); - } - Effect.BlindUp('editShippingPanel', {duration: 0.0}); - Effect.BlindDown('shippingSummaryPanel', {duration: 0.0}); - setDataInShippingCompleted(); - Effect.BlindDown('shippingCompleted', {duration: 0.0}); - Effect.BlindDown('editShippingOptionPanel', {duration: 0.0}); - Effect.Fade('processingShippingOptions', {duration: 0.0}); - Effect.Appear('editBilling', {duration: 0.0}); -} +function showEditShippingPanel() { + if (!$('editShippingPanel').visible()) { + Effect.BlindUp('shippingSummaryPanel', {duration: 0.0}); + hideEditCartPanel(); + hideEditShippingOptionPanel(); + hideEditBillingPanel(); + hideOrderSubmitPanel(); + Effect.BlindDown('editShippingPanel'); -function displayEditShippingOptionPanel() { - - if ($('editCartPanel').visible()) { - Effect.BlindUp('editCartPanel', {duration: 0.0}); - Effect.BlindDown('cartSummaryPanel', {duration: 0.0}); - Effect.Fade('editShipping', {duration: 0.0}); - } - if ($('editShippingPanel').visible()) { - Effect.BlindUp('editShippingPanel', {duration: 0.0}); - setDataInShippingCompleted(); - Effect.BlindDown('shippingCompleted', {duration: 0.0}); - Effect.BlindDown('shippingSummaryPanel', {duration: 0.0}); - Effect.Fade('editShippingOptions', {duration: 0.0}); - } - if ($('editBillingPanel')) { - Effect.BlindDown('billingSummaryPanel'); - Effect.BlindUp('editBillingPanel', {duration: 0.0}); - Effect.Fade('openOrderSubmitPanel', {duration: 0.0}); - } - if ($('orderSubmitPanel').visible()) { - Effect.BlindUp('orderSubmitPanel'); - } - if (!$('editShippingOptionPanel').visible() && isShipStepValidate) { - if ($('shippingOptionSummaryPanel').visible()) { - Effect.BlindUp('shippingOptionSummaryPanel', {duration: 0.0}); - } - Effect.BlindDown('editShippingOptionPanel'); - Effect.Appear('editBilling'); - Effect.Fade('processingShippingOptions'); - } + } } -// Billing -function displayBillingPanel() { - if ($('billingSummaryPanel').visible()) { - Effect.BlindUp('billingSummaryPanel', {duration: 0.0}); - } - Effect.BlindUp('editShippingOptionPanel', {duration: 0.0}); - Effect.BlindDown('shippingOptionSummaryPanel', {duration: 0.0}); - setDataInShippingOptionCompleted(); - Effect.BlindDown('shippingOptionCompleted', {duration: 0.0}); - Effect.BlindDown('editBillingPanel', {duration: 0.0}); - - Effect.Appear('openOrderSubmitPanel', {duration: 0.0}); - Effect.Fade('processingBilling', {duration: 0.0}); +function showEditShippingOptionPanel() { + if (!$('editShippingOptionPanel').visible()) { + Effect.BlindUp('shippingOptionSummaryPanel', {duration: 0.0}); + hideEditCartPanel(); + hideEditShippingPanel() + hideEditBillingPanel(); + hideOrderSubmitPanel(); + Effect.BlindDown('editShippingOptionPanel', {duration: 0.0}); + } } -function displayEditBillingPanel() { +function showEditBillingPanel() { - if (!$('editBillingPanel').visible() && isShipOptionStepValidate) { - Effect.BlindUp('billingSummaryPanel', {duration: 0.0}); - Effect.BlindDown('editBillingPanel'); - Effect.Appear('openOrderSubmitPanel'); - Effect.Fade('processingOrderSubmitPanel'); - } - if ($('editCartPanel').visible()) { - Effect.BlindUp('editCartPanel', {duration: 0.0}); - Effect.BlindDown('cartSummaryPanel', {duration: 0.0}); - Effect.Fade('editShipping'); - } - if ($('editShippingPanel').visible()) { - Effect.BlindUp('editShippingPanel', {duration: 0.0}); - Effect.BlindDown('shippingCompleted'); - Effect.BlindDown('shippingSummaryPanel', {duration: 0.0}); - Effect.Fade('editShippingOptions'); - } - setDataInShippingOptionCompleted(); - if ($('editShippingOptionPanel').visible()) { - Effect.BlindUp('editShippingOptionPanel', {duration: 0.0}); - Effect.BlindUp('orderSubmitPanel', {duration: 0.0}); - Effect.BlindDown('shippingOptionCompleted'); - Effect.BlindDown('shippingOptionSummaryPanel', {duration: 0.0}); - Effect.Fade('editBilling'); - } - if ($('orderSubmitPanel')) { - Effect.BlindUp('orderSubmitPanel', {duration: 0.0}); + if (!$('editBillingPanel').visible()) { + Effect.BlindUp('billingSummaryPanel', {duration: 0.0}); + hideEditCartPanel(); + hideEditShippingPanel(); + hideEditShippingOptionPanel(); + hideOrderSubmitPanel(); + Effect.BlindDown('editBillingPanel', {duration: 0.0}); } } -// Order Submit -function displayOrderSubmitPanel() { - - if (!$('orderSubmitPanel').visible() && isBillStepValidate) { - Effect.BlindUp('editBillingPanel', {duration: 0.0}); - Effect.BlindDown('billingSummaryPanel', {duration: 0.0}); - setDataInBillingCompleted(); - Effect.BlindDown('billingCompleted', {duration: 0.0}); - Effect.BlindDown('orderSubmitPanel', {duration: 0.0}); - Effect.Fade('processingBilling', {duration: 0.0}); - Effect.Fade('processingOrderButton', {duration: 0.0}); - Effect.Appear('processOrderButton', {duration: 0.0}); - Effect.Fade('processingOrderSubmitPanel', {duration: 0.0}); +function showOrderSubmitPanel() { + if (!$('orderSubmitPanel').visible()) { + hideEditCartPanel(); + hideEditShippingPanel() + hideEditShippingOptionPanel() + hideEditBillingPanel(); + Effect.BlindDown('orderSubmitPanel', {duration: 0.0}); } } -function processShippingAddress() { - createUpdateCustomerAndShippingAddress(); - if (isShipStepValidate) { - getShipOptions(); - } -} +// End Show/Hide Step panels + function createUpdateCustomerAndShippingAddress() { + var result = false; + new Ajax.Request('createUpdateShippingAddress', { asynchronous: false, onSuccess: function(transport) { @@ -326,25 +230,46 @@ if (serverError != "") { Effect.Appear('shippingFormServerError'); $('shippingFormServerError').update(serverError); - isShipStepValidate = false; Effect.Appear('editShippingOptions', {duration: 0.0}); Effect.Fade('processingShippingOptions', {duration: 0.0}); } else { Effect.Fade('shippingFormServerError'); - isShipStepValidate = true; // Process Shipping data response. $('shipToPartyId').value = data.partyId; + console.log("data.partyId " + $('shipToPartyId').value); $('billToPartyId').value = data.partyId; $('shipToContactMechId').value = data.shipToContactMechId; $('shipToPhoneContactMechId').value = data.shipToPhoneContactMechId; $('emailContactMechId').value = data.emailContactMechId; - $('completedShippingMethod').update(data.shippingDescription); + //$('completedShippingMethod').update(data.shippingDescription); + var fullName = $('firstName').value + " " +$('lastName').value; + var extension = ""; + if ($F('shipToExtension')) { + extension = "-" + $F('shipToExtension'); + } + var shippingContactPhoneNumber = $F('shipToCountryCode')+ "-" + $F('shipToAreaCode') + + "-" + $F('shipToContactNumber') + extension; + $('completedShipToAttn').update("Attn: " + fullName); + $('completedShippingContactNumber').update(shippingContactPhoneNumber); + $('completedEmailAddress').update($('emailAddress').value); + $('completedShipToAddress1').update($F('shipToAddress1')); + $('completedShipToAddress2').update($('shipToAddress2').value); + var shipToGeo = $('shipToCity').value+","+$('shipToStateProvinceGeoId').value +" "+$('shipToCountryGeoId').value+" "+$('shipToPostalCode').value; + $('completedShipToGeo').update(shipToGeo); + // set shipToContactMechId in Billing form. + $('shipToContactMechIdInBillingForm').value = $F('shipToContactMechId'); + + getShipOptions(); + result = true; } }, parameters: $('shippingForm').serialize(), requestHeaders: {Accept: 'application/json'} }); + console.log("returning from createUpdateCustomerAndShippingAddress " + result ); + return result; } function getShipOptions() { + var result = false; var shipOptions = null; var optionList = []; if ($F('shipMethod') == "" || $F('shipMethod') == null) { @@ -365,70 +290,44 @@ optionList.push("<option value = " + shipOption.shippingMethod + " > " + shipOption.shippingDesc + " </option>"); }); $('shipMethod').update(optionList); + result = true; } }, requestHeaders: {Accept: 'application/json'} }); } -} - -function setDataInShippingCompleted() { - var fullName = $('firstName').value + " " +$('lastName').value; - var extension = ""; - if ($F('shipToExtension')) { - extension = "-" + $F('shipToExtension'); - } - var shippingContactPhoneNumber = $F('shipToCountryCode')+ "-" + $F('shipToAreaCode') - + "-" + $F('shipToContactNumber') + extension; - $('completedShipToAttn').update("Attn: " + fullName); - $('completedShippingContactNumber').update(shippingContactPhoneNumber); - $('completedEmailAddress').update($('emailAddress').value); - $('completedShipToAddress1').update($F('shipToAddress1')); - $('completedShipToAddress2').update($('shipToAddress2').value); - var shipToGeo = $('shipToCity').value+","+$('shipToStateProvinceGeoId').value +" "+$('shipToCountryGeoId').value+" "+$('shipToPostalCode').value; - $('completedShipToGeo').update(shipToGeo); - // set shipToContactMechId in Billing form. - $('shipToContactMechIdInBillingForm').value = $F('shipToContactMechId'); + return result; } // Shipping option -var shipTotal = null; -var shipMethod = null; function setShippingOption() { + var result = false; + var shipTotal = null; + var shipMethod = null; + Effect.Fade('shippingOptionFormServerError'); new Ajax.Request('setShippingOption', { asynchronous: false, onSuccess: function(transport) { var data = transport.responseText.evalJSON(true); - shipMethod = data.shippingDescription; shipTotal = data.shippingTotal; var serverError = getServerError(data); if(serverError != "") { Effect.Appear('shippingOptionFormServerError'); $('shippingOptionFormServerError').update(serverError); isShipOptionStepValidate = false; - Effect.Appear('editBilling', {duration: 0.0}); - Effect.Fade('processingBilling', {duration: 0.0}); } else { - Effect.Fade('shippingOptionFormServerError'); isShipOptionStepValidate = true; - $('shippingDescription').value = data.shippingDescription; - $('shippingTotal').value = data.shippingTotal; - $('cartGrandTotal').value = data.cartGrandTotal; - $('totalSalesTax').value = data.totalSalesTax; + $('selectedShipmentOption').update(data.shippingDescription); + //$('shippingDescription').value = data.shippingDescription; + //$('shippingTotal').value = data.shippingTotal; + //$('cartGrandTotal').value = data.cartGrandTotal; + //$('totalSalesTax').value = data.totalSalesTax; + result = true; } }, parameters: $('shippingOptionForm').serialize(), requestHeaders: {Accept: 'application/json'} }); updateCartData(); -} - -function setDataInShippingOptionCompleted() { - var shipMethodSelected = []; - var shipOptions = $A($('shipMethod').options); - shipOptions.each( function(shipOption) { - if (shipOption.selected) { - shipMethodSelected = shipOption.text.split('-'); - } - }); - $('selectedShipmentOption').update(shipMethodSelected[0]); + console.log("Return value in setShippingOption is " + result); + return result; } // Billing @@ -447,6 +346,7 @@ } function processBillingAndPayment() { + var result = false; new Ajax.Request('createUpdateBillingAndPayment', { asynchronous: false, onSuccess: function(transport) { @@ -464,30 +364,31 @@ $('billToContactMechId').value = data.billToContactMechId; $('paymentMethodId').value = data.paymentMethodId; $('billToPhoneContactMechId').value = data.billToPhoneContactMechId; + var fullName = $F('firstNameOnCard') + " " +$F('lastNameOnCard'); + $('completedBillToAttn').update("Attn: " + fullName); + var extension = ""; + if ($F('billToExtension')) { + extension = "-" + $F('billToExtension'); + } + var billToPhoneNumber = $F('billToCountryCode') + "-" + $F('billToAreaCode') + "-" + $F('billToContactNumber') + extension; + $('completedBillToPhoneNumber').update(billToPhoneNumber); + var cardNumber = "CC#:XXXXXXXXXXXX"+$F('cardNumber').gsub('-','').slice(12,16); + $('completedCCNumber').update(cardNumber); + var expiryDate = "Expires:"+$F('expMonth')+"/"+$F('expYear'); + $('completedExpiryDate').update(expiryDate); + $('completedBillToAddress1').update($F('billToAddress1')); + $('completedBillToAddress2').update($F('billToAddress2')); + var billToGeo = $F('billToCity')+","+$F('billToStateProvinceGeoId') +" "+$F('billToCountryGeoId')+" "+$F('billToPostalCode'); + $('completedBillToGeo').update(billToGeo); + $('paymentMethod').update($F('paymentMethodTypeId')); + $('billToContactMechIdInShipingForm').value = $F('billToContactMechId'); + result = true; } }, parameters: $('billingForm').serialize(), requestHeaders: {Accept: 'application/json'} }); -} - -function setDataInBillingCompleted() { - var fullName = $F('firstNameOnCard') + " " +$F('lastNameOnCard'); - $('completedBillToAttn').update("Attn: " + fullName); - var extension = ""; - if ($F('billToExtension')) { - extension = "-" + $F('billToExtension'); - } - var billToPhoneNumber = $F('billToCountryCode') + "-" + $F('billToAreaCode') + "-" + $F('billToContactNumber') + extension; - $('completedBillToPhoneNumber').update(billToPhoneNumber); - var cardNumber = "CC#:XXXXXXXXXXXX"+$F('cardNumber').gsub('-','').slice(12,16); - $('completedCCNumber').update(cardNumber); - var expiryDate = "Expires:"+$F('expMonth')+"/"+$F('expYear'); - $('completedExpiryDate').update(expiryDate); - $('completedBillToAddress1').update($F('billToAddress1')); - $('completedBillToAddress2').update($F('billToAddress2')); - var billToGeo = $F('billToCity')+","+$F('billToStateProvinceGeoId') +" "+$F('billToCountryGeoId')+" "+$F('billToPostalCode'); - $('completedBillToGeo').update(billToGeo); - $('paymentMethod').update($F('paymentMethodTypeId')); - $('billToContactMechIdInShipingForm').value = $F('billToContactMechId'); + console.log("processBillingAndPayment return value is " + result); + return result; + } function initCartProcessObservers() { Modified: ofbiz/trunk/applications/ecommerce/webapp/ecommerce/order/OnePageCheckoutProcess.ftl URL: http://svn.apache.org/viewvc/ofbiz/trunk/applications/ecommerce/webapp/ecommerce/order/OnePageCheckoutProcess.ftl?rev=703249&r1=703248&r2=703249&view=diff ============================================================================== --- ofbiz/trunk/applications/ecommerce/webapp/ecommerce/order/OnePageCheckoutProcess.ftl (original) +++ ofbiz/trunk/applications/ecommerce/webapp/ecommerce/order/OnePageCheckoutProcess.ftl Thu Oct 9 13:34:09 2008 @@ -203,19 +203,19 @@ </tbody> </table> </form> - </div> - <div align="right"> - <h3><span><a class="buttontext" href="javascript:void(0);" id="editShipping">${uiLabelMap.EcommerceContinueToStep} 2</a></span></h3> - <h3><span><a class="buttontext" style="display: none" href="javascript:void(0);" id="processingShipping">${uiLabelMap.EcommercePleaseWait}....</a></span></h3> + <div align="right"> + <h3><span><a class="buttontext" href="javascript:void(0);" id="editShipping">${uiLabelMap.EcommerceContinueToStep} 2</a></span></h3> + <h3><span><a class="buttontext" style="display: none" href="javascript:void(0);" id="processingShipping">${uiLabelMap.EcommercePleaseWait}....</a></span></h3> + </div> </div> </div> <#-- ========================================================================================================================== --> <div id="shippingPanel" class="screenlet"> <div class="screenlet-header"><div class="boxhead">${uiLabelMap.EcommerceStep} 2: ${uiLabelMap.FacilityShipping}</div></div> - <div id="shippingSummaryPanel" class="screenlet-body"> + <div id="shippingSummaryPanel" class="screenlet-body" style="display: none;"> <div><h3><span><a class="buttontext" href="javascript:void(0);" id="openShippingPanel">${uiLabelMap.EcommerceClickHereToEdit}</a></span></h3></div> - <div style="display:none" id="shippingCompleted"> + <div id="shippingCompleted"> <div align="center" id="openShippingAndPersonlDetail"><h3>${uiLabelMap.FacilityShipping} ${uiLabelMap.EcommerceSummary}</h3></div> <table> <tbody> @@ -369,19 +369,19 @@ </tr> </table> </form> - </div> - <div align="right"> - <h3><span><a class="buttontext" style="display:none" href="javascript:void(0);" id="editShippingOptions">${uiLabelMap.EcommerceContinueToStep} 3</a></span></h3> - <h3><span><a class="buttontext" style="display:none" href="javascript:void(0);" id="processingShippingOptions">${uiLabelMap.EcommercePleaseWait}....</a></span></h3> + <div align="right"> + <h3><span><a class="buttontext" href="javascript:void(0);" id="editShippingOptions">${uiLabelMap.EcommerceContinueToStep} 3</a></span></h3> + <h3><span><a class="buttontext" style="display:none" href="javascript:void(0);" id="processingShippingOptions">${uiLabelMap.EcommercePleaseWait}....</a></span></h3> + </div> </div> </div> <#-- ========================================================================================================================== --> <div id="shippingOptionPanel" class="screenlet"> <div class="screenlet-header"><div class="boxhead">${uiLabelMap.EcommerceStep} 3: ${uiLabelMap.PageTitleShippingOptions}</div></div> - <div id="shippingOptionSummaryPanel" class="screenlet-body"> + <div id="shippingOptionSummaryPanel" class="screenlet-body" style="display: none;"> <div><h3><span><a class="buttontext" href="javascript:void(0);" id="openShippingOptionPanel">${uiLabelMap.EcommerceClickHereToEdit}</a></span></h3></div> - <div class="completed" style="display:none" id="shippingOptionCompleted"> + <div class="completed" id="shippingOptionCompleted"> <div align="center" id="openShippingOption"><h3>${uiLabelMap.FacilityShipping} ${uiLabelMap.SurveyOption} ${uiLabelMap.EcommerceSummary}</h3></div> <table cellpadding="0" cellspacing="0"> <tbody> @@ -411,19 +411,19 @@ </tr> </table> </form> - </div> - <div align="right"> - <h3><span><a class="buttontext" style="display:none" href="javascript:void(0);" id="editBilling">${uiLabelMap.EcommerceContinueToStep} 4</a></span></h3> - <h3><span><a class="buttontext" style="display:none" href="javascript:void(0);" id="processingBilling">${uiLabelMap.EcommercePleaseWait}....</a></span></h3> + <div align="right"> + <h3><span><a class="buttontext" href="javascript:void(0);" id="editBilling">${uiLabelMap.EcommerceContinueToStep} 4</a></span></h3> + <h3><span><a class="buttontext" style="display:none" href="javascript:void(0);" id="processingBilling">${uiLabelMap.EcommercePleaseWait}....</a></span></h3> + </div> </div> </div> <#-- ========================================================================================================================== --> <div id="billingPanel" class="screenlet"> <div class="screenlet-header"><div class="boxhead">${uiLabelMap.EcommerceStep} 4: ${uiLabelMap.AccountingBilling}</div></div> - <div id="billingSummaryPanel" class="screenlet-body"> + <div id="billingSummaryPanel" class="screenlet-body" style="display: none;"> <div><h3><span><a class="buttontext" href="javascript:void(0);" id="openBillingPanel">${uiLabelMap.EcommerceClickHereToEdit}</a></span></h3></div> - <div class="completed" id="billingCompleted" style="display: none;"> + <div class="completed" id="billingCompleted"> <div align="center" id="openBillingAndPersonlDetail"><h3>${uiLabelMap.AccountingBilling} ${uiLabelMap.CommonAnd} ${uiLabelMap.AccountingPayment} ${uiLabelMap.EcommerceSummary}</h3></div> <table width="35%" align="center"> <tbody> @@ -646,10 +646,10 @@ </tr> </table> </form> - </div> - <div align="right"> - <h3><span><a class="buttontext" href="javascript:void(0);" style="display: none;" id="openOrderSubmitPanel">${uiLabelMap.EcommerceContinueToStep} 5</a></span></h3> - <h3><span><a class="buttontext" href="javascript:void(0);" style="display: none;" id="processingOrderSubmitPanel">${uiLabelMap.EcommercePleaseWait}....</a></span></h3> + <div align="right"> + <h3><span><a class="buttontext" href="javascript:void(0);" id="openOrderSubmitPanel">${uiLabelMap.EcommerceContinueToStep} 5</a></span></h3> + <h3><span><a class="buttontext" href="javascript:void(0);" style="display: none;" id="processingOrderSubmitPanel">${uiLabelMap.EcommercePleaseWait}....</a></span></h3> + </div> </div> </div> @@ -660,7 +660,7 @@ <form name="orderSubmitForm" id="orderSubmitForm" action="<@ofbizUrl>onePageProcessOrder</@ofbizUrl>" method="post"> <div align="right"> <input type="button" id="processOrderButton" name="processOrderButton" value="${uiLabelMap.OrderSubmitOrder}" class="mediumSubmit"> - <input type="button" id="processingOrderButton" name="processingOrderButton" value="${uiLabelMap.OrderSubmittingOrder}" class="mediumSubmit"> + <input type="button" style="display: none;" id="processingOrderButton" name="processingOrderButton" value="${uiLabelMap.OrderSubmittingOrder}" class="mediumSubmit"> </div> </form> </div> |
Free forum by Nabble | Edit this page |