📄 index.php
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><?/* $Id: index.php 4521 2006-09-21 13:07:11Z shacka $ */require_once("config.php");?><html><head> <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8" /> <script type="text/javascript" src="<?= ZP_BASE_DIR ?>utils/utils.js"></script> <script type="text/javascript" src="<?= ZP_BASE_DIR ?>utils/transport.js"></script> <script type="text/javascript" src="<?= ZP_BASE_DIR ?>utils/zpwidget.js"></script> <script type="text/javascript" src="<?= ZP_BASE_DIR ?>zptabs/src/zptabs.js"></script> <script type="text/javascript" src="<?= ZP_BASE_DIR ?>zptabs/src/zptabs-wizard.js"></script> <script type="text/javascript" src="<?= ZP_BASE_DIR ?>zpform/src/form.js"></script> <link href="website/css/zpcal.css" rel="stylesheet" type="text/css" /> <link href="website/css/template.css" rel="stylesheet" type="text/css" /> <link rel="SHORTCUT ICON" href="http://www.zapatec.com/website/main/favicon.ico" /> <title>Zapatec Tabs + Forms / Wizard Demo</title></head><body> <table class="zpStandard"><tr><td> <div class="topMenuHeader"> <div class="logo"> <a href="http://www.zapatec.com"><img src="website/images/logoNew.gif" alt="Zapatec logo" border="0"></a> </div> <div class="btn1"> <a href="https://www.zapatec.com/zadmin/buy.jsp"> <img src="website/images/buttonBuy.png" alt="Buy Zapatec Tabs" border="0" /> </a> </div> <div class="btn1"> <a href="http://www.zapatec.com/website/main/pricing.jsp"> <img src="website/images/buttonPricing.png" alt="Pricing for Zapatec Tabs" border="0" /> </a> </div> </div> <div class="pageMain"> <div class="zpCalSubHeader" style="text-align:center">Zapatec Tabs + Forms / Wizard Demo</div> <br/> <div style="width: 600px"> <center><div id="tabBar"></div></center> <div id="tabs" style="padding: 10px; min-height: 380px; height: auto !important; height: 380px"> </div></div><div style="padding: 10px; text-align: right"><button onclick="objWizard.prevTab()" accesskey="p" id="buttonPrev" style="display: none">« <u>P</u>rev.</button><button onclick="objWizard.nextTab()" accesskey="n" id="buttonNext"><u>N</u>ext »</button></div><script type="text/javascript">// Shortcutvar _el = function(strId) { return document.getElementById(strId);};// Forms error messagefunction formErrorMessage(objArgs) { var strMessage = objArgs.generalError + '<br />'; if (objArgs.fieldErrors) { for (var iField = 0; iField < objArgs.fieldErrors.length; iField++) { var strFieldName = objArgs.fieldErrors[iField].field.name; var objLabel = _el(objArgs.fieldErrors[iField].field.name + 'Label'); if (objLabel) { strFieldName = objLabel.innerHTML; } strMessage += strFieldName + ': ' + objArgs.fieldErrors[iField].errorMessage + '<br />'; } } return strMessage;}// Error handlervar funcError = function(objArgs) { var objErrorDiv = _el(objArgs.tabId + 'Error'); if (!objErrorDiv) { return; } objErrorDiv.innerHTML = formErrorMessage(objArgs); objErrorDiv.style.display = 'block';};// Valid handlervar funcValid = function(objArgs) { var objErrorDiv = _el(objArgs.tabId + 'Error'); if (!objErrorDiv) { return; } objErrorDiv.style.display = 'none';};// Success handler. Called after wizard is submitted and "success" response// received from the server.var funcSuccess = function(objArgs) { // Populate PayPal form var objPayPal = document.forms._xclick; if (objArgs && objArgs.orderNumber) { _el('tOrderNumber').innerHTML = objArgs.orderNumber; objPayPal.item_number.value = objArgs.orderNumber; } var objProductInfo = document.forms.productForm; _el('tProduct').innerHTML = objProductInfo.pNumberLicenses.value + ' X ' + objProductInfo.pLicenseType.value + ' for: ' + objProductInfo.pWebsite.value; objPayPal.item_name.value = objProductInfo.pLicenseType.value; if (objArgs && objArgs.priceEach) { _el('tPriceEach').innerHTML = '$' + objArgs.priceEach; } if (objArgs && objArgs.priceTotal) { _el('tPriceTotal').innerHTML = '$' + objArgs.priceTotal; objPayPal.amount.value = objArgs.priceTotal; } _el('tComments').innerHTML = objProductInfo.pComments.value; var objUserInfo = document.forms.userForm; _el('tFirstName').innerHTML = objUserInfo.uFirstName.value; objPayPal.first_name.value = objUserInfo.uFirstName.value; _el('tLastName').innerHTML = objUserInfo.uLastName.value; objPayPal.last_name.value = objUserInfo.uLastName.value; _el('tEmail').innerHTML = objUserInfo.uEmail.value; objPayPal.email.value = objUserInfo.uEmail.value; _el('tAddress1').innerHTML = objUserInfo.uAddress1.value; objPayPal.address1.value = objUserInfo.uAddress1.value; _el('tAddress2').innerHTML = objUserInfo.uAddress2.value; objPayPal.address2.value = objUserInfo.uAddress2.value; _el('tCity').innerHTML = objUserInfo.uCity.value; objPayPal.city.value = objUserInfo.uCity.value; _el('tState').innerHTML = objUserInfo.uState.value; objPayPal.state.value = objUserInfo.uState.value; _el('tZip').innerHTML = objUserInfo.uZip.value; objPayPal.zip.value = objUserInfo.uZip.value; _el('tCountry').innerHTML = objUserInfo.uCountry.value; objPayPal.country.value = objUserInfo.uCountry.value; // Display confirmation screen _el('orderLoading').style.display = 'none'; _el('orderContent').style.display = 'block';};// Before tab change event handlervar funcOnBeforeTabChange = function(objArgs) { if (objArgs.newTabId == 'orderTab') { // Set "Next" button to submit PayPal form _el('buttonNext').onclick = function() { document.forms._xclick.submit(); }; } else { // Set "Next" button to change tab _el('buttonNext').onclick = function() { objWizard.nextTab(); }; } return true;};// After tab change event handlervar funcOnTabChange = function(objArgs) { if (objArgs.newTabId == 'orderTab') { // Display message _el('orderContent').style.display = 'none'; _el('orderLoading').style.display = 'block'; } // Show Prev button if (objArgs.newTabId != 'productTab') { _el('buttonPrev').style.display = 'inline'; } else { _el('buttonPrev').style.display = 'none'; }};// Tabs source objectvar objSource = { tabs: [ { id: 'productTab', innerHTML: 'Product Info', url: 'tabproduct.html' }, { id: 'userTab', innerHTML: 'User Info', url: 'tabuser.html' }, { id: 'orderTab', innerHTML: 'Place Order', url: 'taborder.html' } ]};// Initialize Wizardvar objWizard = new Zapatec.TabsWizard({ // Tab bar div id tabBar: 'tabBar', // Tabs container div id tabs: 'tabs', // Tabs source source: objSource, // Tabs source type sourceType: 'json', // Theme path theme: '<?= ZP_BASE_DIR ?>zptabs/themes/red.css', // Before tab change event handler onBeforeTabChange: funcOnBeforeTabChange, // After tab change event handler onTabChange: funcOnTabChange, // Ignore "#tabId" part of URL to prevent opening other tab than // "Product Info" after initialization ignoreUrl: true, // Server script URL action: 'order.php', // Id of tab which submits data to the server submitTabId: 'orderTab', // Submit method method: 'POST', // Form theme formTheme: '<?= ZP_BASE_DIR ?>zpform/themes/winxp1.css', // Show error message after the field showErrors: 'afterField', // Error handler onError: funcError, // Valid handler onValid: funcValid, // Success handler onSuccess: funcSuccess});</script></div></div> <br/><br/><br/> <div id="divFooter" class="footer" style='text-align:center; margin-top:2em'> © 2006 <strong> <a href='http://www.zapatec.com/'>Zapatec, Inc.</a> </strong> </div></td></tr></table></body></html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -