Inspired by incrediBill's work on modernising WebmasterWorld, i've realised i should update my sites, which previously had no javascript (except for form validation).
I'm very happy with my new bootstrap site ... but am really stuck on the ajax/js
fyi i'm not expecting/wanting a cut and paste solution, i'm wanting to learn how to do it - pretty much from a standing start.
i'm very proficient with mysql and proficient with php, so all the server side processing and db stuff is not an issue.
i would like to add the following functionality.
there are multiple products on the page with add to cart buttons. ... when clicked, stay on the page, connect to the server (presumably with ajax), show an alert with a waiting graphic, get the response, then show 'added to cart' (or error message - depending on what the server returns) message and to update the cart summary which is in the header, that shows number of items, value of cart - both in spans already with specific #id's.
could someone just briefly outline the steps (like in idiotproof style!) i need to take to accomplish this.
it seems an absurd question but i feel like i'm right back in a staring position with this js stuff, it hasn't clicked in my head yet.