Note that there are some explanatory texts on larger screens.

plurals
  1. POadd to basket with jquery and insert label
    primarykey
    data
    text
    <p>I've this code to implement a little ecommerce:</p> <pre><code>$(document).ready(function(){ $("#basketItemsWrap li:first").hide(); $(".productPriceWrapRight a img").click(function() { var productIDValSplitter = (this.id).split("_"); var productIDVal = productIDValSplitter[1]; var productX = $("#productImageWrapID_" + productIDVal).offset().left; var productY = $("#productImageWrapID_" + productIDVal).offset().top; if( $("#productID_" + productIDVal).length &gt; 0){ var basketX = $("#productID_" + productIDVal).offset().left; var basketY = $("#productID_" + productIDVal).offset().top; } else { var basketX = $("#basketTitleWrap").offset().left; var basketY = $("#basketTitleWrap").offset().top; } var gotoX = basketX - productX; var gotoY = basketY - productY; var newImageWidth = $("#productImageWrapID_" + productIDVal).width() / 3; var newImageHeight = $("#productImageWrapID_" + productIDVal).height() / 3; $("#productImageWrapID_" + productIDVal + " img") .clone() .prependTo("#productImageWrapID_" + productIDVal) .css({'position' : 'absolute'}) .animate({opacity: 0.4}, 100 ) .animate({opacity: 0.1, marginLeft: gotoX, marginTop: gotoY, width: newImageWidth, height: newImageHeight}, 1200, function() { $(this).remove(); $("#notificationsLoader").html('&lt;img src="images/loader.gif"&gt;'); $.ajax({ type: "POST", url: "funzioni-carrello.asp", data: { productID: productIDVal, action: "addToBasket"}, success: function(theResponse) { $("#empty").hide(); if( $("#productID_" + productIDVal).length &gt; 0){ $("#productID_" + productIDVal).animate({ opacity: 0 }, 500); $("#productID_" + productIDVal).before(theResponse).remove(); $("#productID_" + productIDVal).animate({ opacity: 0 }, 500); $("#productID_" + productIDVal).animate({ opacity: 1 }, 500); $("#notificationsLoader").empty(); } else { $("#basketItemsWrap li:first").before(theResponse); $("#basketItemsWrap li:first").hide(); $("#basketItemsWrap li:first").show("slow"); $("#notificationsLoader").empty(); } } }); }); }); $("#basketItemsWrap li img").live("click", function(event) { if ($("#basketItemsWrap li").length == 1){ $("#empty").show(); } var productIDValSplitter = (this.id).split("_"); var productIDVal = productIDValSplitter[1]; $("#notificationsLoader").html('&lt;img src="images/loader.gif"&gt;'); $.ajax({ type: "POST", url: "funzioni-carrello.asp", data: { productID: productIDVal, action: "deleteFromBasket"}, success: function(theResponse) { $("#productID_" + productIDVal).hide("slow", function() {$(this).remove();}); $("#notificationsLoader").empty(); } }); }); </code></pre> <p>});</p> <p>and Then i've the function call like this:</p> <pre><code> &lt;div id="basketWrap"&gt; &lt;div id="basketTitleWrap"&gt; &lt;h2&gt;Carrello &lt;/h2&gt; &lt;/div&gt; &lt;div id="empty"&gt;Your basket is empty!&lt;/div&gt; &lt;div id="basketItemsWrap"&gt; &lt;ul&gt; &lt;li&gt;&lt;/li&gt; &lt;% 'dim getBasket getBasket() %&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>I would like to insert an image "checkout" to link another page, when there is at least 1 item. Is that possible?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload