Add button to the wish list - javascript

I am developing an e-commerce site with java-ee, and I am stuck on the add to wish list button.
Here is an explanatory image:
the blue button that is in each card is the button in i speak.
In fact I want that as soon as I click on this button the chosen product is added to the wish list and that this icon:
increment by 1 example here there is the number 3 at the top of the icon, I want that as soon as I click on the button, the chosen product is added to the wish list and the number that is in the icon increases, for example in this example it will be 4.
The problem is that I really don't know how to do it, I know when can do this thanks to js but I have no idea what the code looks like to increase the number that is in the icon.
If anyone would give me sites that explain this or explain to me how to do it I would be very grateful to them.

Related

i want to make a bookmarklet that shows my homework

I want a bookmarklet like if I click it, it will say click cancel to change homework and click ok to see my homework and if I click cancel it will show an input menu where I can change my homework, and if I click ok it will show my homework I want this for just like I forgot my homework and can't do so maybe this would be helpful for my school.
I tried to copy codes from w3schools and some other random websites but I couldn't do it.

Selector with mouse and custom right click

Last time, I wanted to make a little application with draggable elements.
But now, I want to improve my code.
First, please have a look at my plunker project, where i pasted al my code in.
http://next.plnkr.co/edit/gD9Q3NYQES4OMVmY
What i want to do: Step 1
What i want to do now, is that you can select 2 or 3 draggable items. How? I want to make that like on some software systems, on which you can select the items with just crop a box over the items and then all selected items get a background (for showing they are selected).
Now Step 2
If you click NOT on an item, the custom right-click is just like this: https://prnt.sc/lmh7a6
But if you right click on an item, you should be able to execute some other action like deleting it.But if you select a couple of items, you should be able to delete them all or something like this.
Thank you guys, for all help :)

Multiple items. One sold. One PayPal Buy Now button for other items.

I am new to webdev and looking for suggestions.
Basically I am planning to use an image map to sell some items.
Each image contains up to 100 items. User can simply click on what's needed and from that point I need to figure what will be the best option to checkout.
The easiest method and obviously not smart will be to create 100 paypal buy now buttons and basically place each button for each item.
Cons - time consuming and space wasting because I will have about 100+ image maps.
Target is to have 1 checkout page which will know where the user came from and what he is actually willing to buy and somehow connected to PayPal Button.
Price for all items can be the same, no shipping price (it will be free) and no taxes. I don't want to have registration on the site.
Any ideas, maybe examples...?
HTML CSS JavaScript?
p.s. I found some topic about dynamic item name in paypal but I am still lost.

Change an url on an image depending on something checked before

I am trying to make an E-commerce website. I'm using Wordpress/Woocomerce.
But the guy I am working for, wanted special pages with a really special design. So he asked me for something that I did.
But now the fact is that I have a problem with the attributes and adding it to the cart button.
So I'd like to find a way to change the url on the "add to cart" button, which is an image.
Is there anyway to make an url on a page ( not in the search bar, but in the code ) change if u check or uncheck something ?
Like a radio button or anything.
Also I'm looking for a cool way to keep the selected size white once I clicked on. Actually it's just an image with an invert effect on hover . And I just found a way to make all work with 1 page per size but it would be really could if I could change the link on the add to cart button change. I just dont know how to change it.
Here is the link : http://mtcdistrup.cluster003.ovh.net/black-onyx/
As you can see, if u click on S it loads another page and on the new page the add to cart button links straight to the good product.
I hope all is clear and that u can help me a bit.

Insert an image into a Google Spreadsheet that executes its own code when clicked by a user

I'm creating a spreadsheet that lets a user select an item from a custom menu, then automatically populates the sheet with relevant data for the item they chose to add. Think of it like a configurator for a burger, where users can click "Add tomato" and the spreadsheet automatically creates a line item for tomato and adjusts the total cost of the burger at the bottom.
I also need a way to selectively delete items the user no longer wants.
I'm trying to insert an image next to each item that resembles an X symbol, and attach code to that image that will delete the corresponding item and all associated data.
The insertImage() function doesn't seem to allow this. Any ideas?
Thanks for any help!
You have two options:
You can manually create a button (an image with a script linked). Click the arrow at the top right of an embedded image and select "Assign script..."
You can program your own add-on (or find an add-on that someone else created that does the exact thing you're looking for). See https://developers.google.com/apps-script/quickstart/docs
At this time it is not possible to attach a script to an image that was added using Google Apps Script
Also addressed in Adding Buttons To Google Sheets and Set value to Cells on clicking

Categories