davidoors Posted March 26, 2013 Share Posted March 26, 2013 Hi all, On my website I have a submit button which is an image. This image submit button I want to change for a css submit button. I figured out how to make a css button and it is currently visible on my website, the thing is that the css submit button is not submitting when in click on it! What should be placed after onclick= in order that the css submit button will actually submit. PS. the image submit button is currently up and running and not removed yet untill I got my CSS submit button working. </div> <div class="buttons-set"> <p class="required"><?php echo $this->__('* Required Fields') ?></p> <p class="back-link"><a href="<?php echo $this->escapeUrl($this->getBackUrl()) ?>" class="back-link"><small>« </small><?php echo $this->__('Back') ?></a></p> <button type="submit" title="<?php echo $this->__('Submit') ?>" class="button"><span><span><?php echo $this->__('Submit') ?></span></span></button> <button class="form-button-alt submit" onclick=" ('<?php echo $this->__('Submit') ?>" type="button"><span><?php echo $this->__('Submit') ?></span></button> </div> the complete file <?php /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2012 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ ?> <?php /** * Create account form template * * @see app/design/frontend/base/default/template/customer/form/register.phtml */ /** @var $this Mage_Customer_Block_Form_Register */ ?> <div class="account-create"> <div class="page-title"> <h1><?php echo $this->__('Create an Account') ?></h1> </div> <?php echo $this->getChildHtml('form_fields_before')?> <?php echo $this->getMessagesBlock()->getGroupedHtml() ?> <form action="<?php echo $this->getPostActionUrl() ?>" method="post" id="form-validate"> <div class="fieldset"> <input type="hidden" name="success_url" value="<?php echo $this->getSuccessUrl() ?>" /> <input type="hidden" name="error_url" value="<?php echo $this->getErrorUrl() ?>" /> <h2 class="legend"><?php echo $this->__('Personal Information') ?></h2> <ul class="form-list"> <li class="fields"> <?php echo $this->getLayout()->createBlock('customer/widget_name')->setObject($this->getFormData())->setForceUseCustomerAttributes(true)->toHtml() ?> </li> <li> <label for="email_address" class="required"><em>*</em><?php echo $this->__('Email Address') ?></label> <div class="input-box"> <input type="text" name="email" id="email_address" value="<?php echo $this->escapeHtml($this->getFormData()->getEmail()) ?>" title="<?php echo $this->__('Email Address') ?>" class="input-text validate-email required-entry" /> </div> </li> <?php if ($this->isNewsletterEnabled()): ?> <li class="control"> <div class="input-box"> <input type="checkbox" name="is_subscribed" title="<?php echo $this->__('Sign Up for Newsletter') ?>" value="1" id="is_subscribed"<?php if($this->getFormData()->getIsSubscribed()): ?> checked="checked"<?php endif; ?> class="checkbox" /> </div> <label for="is_subscribed"><?php echo $this->__('Sign Up for Newsletter') ?></label> </li> <?php endif ?> <?php $_dob = $this->getLayout()->createBlock('customer/widget_dob') ?> <?php if ($_dob->isEnabled()): ?> <li><?php echo $_dob->setDate($this->getFormData()->getDob())->toHtml() ?></li> <?php endif ?> <?php $_taxvat = $this->getLayout()->createBlock('customer/widget_taxvat') ?> <?php if ($_taxvat->isEnabled()): ?> <li><?php echo $_taxvat->setTaxvat($this->getFormData()->getTaxvat())->toHtml() ?></li> <?php endif ?> <?php $_gender = $this->getLayout()->createBlock('customer/widget_gender') ?> <?php if ($_gender->isEnabled()): ?> <li><?php echo $_gender->setGender($this->getFormData()->getGender())->toHtml() ?></li> <?php endif ?> </ul> </div> <?php if($this->getShowAddressFields()): ?> <div class="fieldset"> <input type="hidden" name="create_address" value="1" /> <h2 class="legend"><?php echo $this->__('Address Information') ?></h2> <ul class="form-list"> <li class="fields"> <div class="field"> <label for="company"><?php echo $this->__('Company') ?></label> <div class="input-box"> <input type="text" name="company" id="company" value="<?php echo $this->escapeHtml($this->getFormData()->getCompany()) ?>" title="<?php echo $this->__('Company') ?>" class="input-text <?php echo $this->helper('customer/address')->getAttributeValidationClass('company') ?>" /> </div> </div> <div class="field"> <label for="telephone" class="required"><em>*</em><?php echo $this->__('Telephone') ?></label> <div class="input-box"> <input type="text" name="telephone" id="telephone" value="<?php echo $this->escapeHtml($this->getFormData()->getTelephone()) ?>" title="<?php echo $this->__('Telephone') ?>" class="input-text <?php echo $this->helper('customer/address')->getAttributeValidationClass('telephone') ?>" /> </div> </div> </li> <?php $_streetValidationClass = $this->helper('customer/address')->getAttributeValidationClass('street'); ?> <li class="wide"> <label for="street_1" class="required"><em>*</em><?php echo $this->__('Street Address') ?></label> <div class="input-box"> <input type="text" name="street[]" value="<?php echo $this->escapeHtml($this->getFormData()->getStreet(1)) ?>" title="<?php echo $this->__('Street Address') ?>" id="street_1" class="input-text <?php echo $_streetValidationClass ?>" /> </div> </li> <?php $_streetValidationClass = trim(str_replace('required-entry', '', $_streetValidationClass)); ?> <?php for ($_i = 2, $_n = $this->helper('customer/address')->getStreetLines(); $_i <= $_n; $_i++): ?> <li class="wide"> <div class="input-box"> <input type="text" name="street[]" value="<?php echo $this->escapeHtml($this->getFormData()->getStreet($_i)) ?>" title="<?php echo $this->__('Street Address %s', $_i) ?>" id="street_<?php echo $_i ?>" class="input-text <?php echo $_streetValidationClass ?>" /> </div> </li> <?php endfor; ?> <li class="fields"> <div class="field"> <label for="city" class="required"><em>*</em><?php echo $this->__('City') ?></label> <div class="input-box"> <input type="text" name="city" value="<?php echo $this->escapeHtml($this->getFormData()->getCity()) ?>" title="<?php echo $this->__('City') ?>" class="input-text <?php echo $this->helper('customer/address')->getAttributeValidationClass('city') ?>" id="city" /> </div> </div> <div class="field"> <label for="region_id" class="required"><em>*</em><?php echo $this->__('State/Province') ?></label> <div class="input-box"> <select id="region_id" name="region_id" title="<?php echo $this->__('State/Province') ?>" class="validate-select" style="display:none;"> <option value=""><?php echo $this->__('Please select region, state or province') ?></option> </select> <script type="text/javascript"> //<![CDATA[ $('region_id').setAttribute('defaultValue', "<?php echo $this->getFormData()->getRegionId() ?>"); //]]> </script> <input type="text" id="region" name="region" value="<?php echo $this->escapeHtml($this->getRegion()) ?>" title="<?php echo $this->__('State/Province') ?>" class="input-text <?php echo $this->helper('customer/address')->getAttributeValidationClass('region') ?>" style="display:none;" /> </div> </div> </li> <li class="fields"> <div class="field"> <label for="zip" class="required"><em>*</em><?php echo $this->__('Zip/Postal Code') ?></label> <div class="input-box"> <input type="text" name="postcode" value="<?php echo $this->escapeHtml($this->getFormData()->getPostcode()) ?>" title="<?php echo $this->__('Zip/Postal Code') ?>" id="zip" class="input-text validate-zip-international <?php echo $this->helper('customer/address')->getAttributeValidationClass('postcode') ?>" /> </div> </div> <div class="field"> <label for="country" class="required"><em>*</em><?php echo $this->__('Country') ?></label> <div class="input-box"> <?php echo $this->getCountryHtmlSelect() ?> </div> </div> </li> </ul> <input type="hidden" name="default_billing" value="1" /> <input type="hidden" name="default_shipping" value="1" /> </div> <?php endif; ?> <div class="fieldset"> <h2 class="legend"><?php echo $this->__('Login Information') ?></h2> <ul class="form-list"> <li class="fields"> <div class="field"> <label for="password" class="required"><em>*</em><?php echo $this->__('Password') ?></label> <div class="input-box"> <input type="password" name="password" id="password" title="<?php echo $this->__('Password') ?>" class="input-text required-entry validate-password" /> </div> </div> <div class="field"> <label for="confirmation" class="required"><em>*</em><?php echo $this->__('Confirm Password') ?></label> <div class="input-box"> <input type="password" name="confirmation" title="<?php echo $this->__('Confirm Password') ?>" id="confirmation" class="input-text required-entry validate-cpassword" /> </div> </div> </li> <?php echo $this->getChildHtml('form.additional.info'); ?> <?php echo $this->getChildHtml('persistent.remember.me'); ?> </ul> <?php echo $this->getChildHtml('persistent.remember.me.tooltip'); ?> </div> <div class="buttons-set"> <p class="required"><?php echo $this->__('* Required Fields') ?></p> <p class="back-link"><a href="<?php echo $this->escapeUrl($this->getBackUrl()) ?>" class="back-link"><small>« </small><?php echo $this->__('Back') ?></a></p> <button type="submit" title="<?php echo $this->__('Submit') ?>" class="button"><span><span><?php echo $this->__('Submit') ?></span></span></button> <button class="form-button-alt submit" onclick="setsubmit('<?php echo $this->__('Submit') ?>" type="button"><span><?php echo $this->__('Submit') ?></span></button> </div> <?php if (Mage::helper('checkout')->isContextCheckout()): ?> <input name="context" type="hidden" value="checkout" /> <?php endif; ?> </form> <script type="text/javascript"> //<![CDATA[ var dataForm = new VarienForm('form-validate', true); <?php if($this->getShowAddressFields()): ?> new RegionUpdater('country', 'region', 'region_id', <?php echo $this->helper('directory')->getRegionJson() ?>, undefined, 'zip'); <?php endif; ?> //]]> </script> </div> Quote Link to comment https://forums.phpfreaks.com/topic/276176-change-image-submit-button-into-css-submit-button/ Share on other sites More sharing options...
buzzycoder Posted May 9, 2013 Share Posted May 9, 2013 You can do this with jquery. Quote Link to comment https://forums.phpfreaks.com/topic/276176-change-image-submit-button-into-css-submit-button/#findComment-1429330 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.