Question

I have been searching for an answer for this for days and haven’t found anything so sorry if this has been asked before.

I want the integer to go up by 1 every time this link is clicked. So first it is 0, then clicked its 1, then clicked its 2, then clicked its 3

document.getElementById('myPackage').href="http://www.vanquishvps.com/order/cart.php?a=confproduct&i="+1

I really have no idea how to do this, I have really tried looking at Jquerys variables and stuff, I just cant figure it out.

Id appreciate any help hugely!

Thank you

Answer 1

After looking at the site that you mentioned in your comment. This should work in your specific scenario:

jQuery('#myPackage').click(function () {
  // Get the first 3 parts of link's href
  var hrefParts = jQuery('#myPackage')[0].href.split('=').slice(0,2);

  // Add the current slots value
  hrefParts.push(jQuery('.slots span').text())

  // Set the href to the new URL
  this.href = hrefParts.join('=');
});

Another solution would be to modify your existing setPackageData function and add these lines to the end of it. This solution would set the link to the package index, instead of the number of slots, and also does it whenever you change the slider, not just when you click the link:

var myPackage = $('#myPackage')[0], hrefParts = myPackage.href.split('=').slice(0,2);
hrefParts.push(index.toString());
myPackage.href = hrefParts.join('=');

Although you should have your developer look at it, she or he will probably come up with a more permanent solution 😉