www.webdeveloper.com
Results 1 to 2 of 2

Thread: How can I add a second onClick function to this code?

  1. #1
    Join Date
    Apr 2013
    Posts
    2

    How can I add a second onClick function to this code?

    I'm just wondering if theres any way I can add a second onClick event to this piece of code so that it will submit the following form action?

    Here is the button code:
    <button type="button" title="<?php echo $this->__('Add to Cart') ?>" class="button btn-cart" onclick="setLocationAjax('<?php echo $this->getAddToCartUrl($_product) ?>','<?php echo $_product->getId()?>')"><span><span><?php echo $this->__('Add to Cart') ?></span></span></button>

    And i'd like it to submit this form action:
    <form action="<?php echo $this->getAddToCartUrl($_product) ?>" method="post" id="product_addtocart_form_<?php echo $_product->getId(); ?>">
    </form>

  2. #2
    Join Date
    Apr 2013
    Posts
    2
    Sorry I forgot to add the javascript:

    Code:
    <script type="text/javascript">
    	jQuery.noConflict();
    	jQuery(document).ready(function(){
    		jQuery('.fancybox').fancybox(
    			{
    			   hideOnContentClick : true,
    			   width: 382,
    			   autoDimensions: true,
                   type : 'iframe',
    			   showTitle: false,
    			   scrolling: 'no',
    			   onComplete: function(){
    				jQuery('#fancybox-frame').load(function() { // wait for frame to load and then gets it's height
    					jQuery('#fancybox-content').height(jQuery(this).contents().find('body').height()+30);
    					jQuery.fancybox.resize();
    				 });
    
    			   }
    			}
    		);
    	});
    	function showOptions(id){
    		jQuery('#fancybox'+id).trigger('click');
    	}
    	function setAjaxData(data,iframe){
    		if(data.status == 'ERROR'){
    			alert(data.message);
    		}else{
    			if(jQuery('.block-cart')){
    	            jQuery('.block-cart').replaceWith(data.sidebar);
    	        }
    	        if(jQuery('.header .links')){
    	            jQuery('.header .links').replaceWith(data.toplink);
    	        }
    	        jQuery.fancybox.close();
    		}
    	}
    	function setLocationAjax(url,id){
    		url += 'isAjax/1';
    		url = url.replace("checkout/cart","ajax/index");
    		jQuery('#ajax_loader'+id).show();
    		try {
    			jQuery.ajax( {
    				url : url,
    				dataType : 'json',
    				success : function(data) {
    					jQuery('#ajax_loader'+id).hide();
             			setAjaxData(data,false);           
    				}
    			});
    		} catch (e) {
    		}
    	}
    </script>

    I'd also like to merge this with this function:

    Code:
    var productAddToCartForm_<?php echo $_product->getId(); ?> = new VarienForm('product_addtocart_form_<?php echo $_product->getId(); ?>');
                                    productAddToCartForm_<?php echo $_product->getId(); ?>.submit = function(){
                                    if (this.validator.validate()) {
                                    this.form.submit();
                                    }
                                    }.bind(productAddToCartForm_<?php echo $_product->getId(); ?>);

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles