Ik denk dat de titel al genoeg zegt, heeft iemand enig idee hoe ik dit aan kan pakken?
Alvast bedankt,
Sefa
- Product in winkelmandje zonder pagerefresh
-
04-01-2012, 20:01 #1
- Berichten
- 158
- Lid sinds
- 13 Jaar
Product in winkelmandje zonder pagerefresh
-
-
04-01-2012, 21:53 #2
- Berichten
- 289
- Lid sinds
- 14 Jaar
Re: Product in winkelmandje zonder pagerefresh
Gebruik jQuery of javascript voor een AJAX-like constructie.
In je HTML:
Code:<div id="winkelwagen"> Nog geen producten in winkelwagen! </div>
Code:<input type="button" onclick="inWinkelwagen(8487)" value="Plaats product 8487 in winkelwagen." />
Code:<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> <!-- function inWinkelwagen(id) { $("#winkelwagen").load('toevoegenWinkelwagen.php?id='+id); } --> </script>
Het is maar een snel voorbeeldje, maar een dergelijk principe moet werken.
-
04-01-2012, 22:34 #3
- Berichten
- 158
- Lid sinds
- 13 Jaar
Re: Product in winkelmandje zonder pagerefresh
Gebruik jQuery of javascript voor een AJAX-like constructie.
In je HTML:
Code:<div id="winkelwagen"> Nog geen producten in winkelwagen! </div>
Code:<input type="button" onclick="inWinkelwagen(8487)" value="Plaats product 8487 in winkelwagen." />
Code:<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> <!-- function inWinkelwagen(id) { $("#winkelwagen").load('toevoegenWinkelwagen.php?id='+id); } --> </script>
Het is maar een snel voorbeeldje, maar een dergelijk principe moet werken.
Als iemand anders nog een andere mogelijkheid heeft zie ik die graag tegemoet!
Aanvullend bericht:
Gebruik jQuery of javascript voor een AJAX-like constructie.
In je HTML:
Code:<div id="winkelwagen"> Nog geen producten in winkelwagen! </div>
Code:<input type="button" onclick="inWinkelwagen(8487)" value="Plaats product 8487 in winkelwagen." />
Code:<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> <!-- function inWinkelwagen(id) { $("#winkelwagen").load('toevoegenWinkelwagen.php?id='+id); } --> </script>
Het is maar een snel voorbeeldje, maar een dergelijk principe moet werken.
Ohja nog een dingetje, hoe zorg ik er dan voor dat de div zich refresht als hij in de table is ge'insert?Laatst aangepast door Sefa S. : 04-01-2012 om 22:35 Reden: Automatisch samengevoegd.
-
04-01-2012, 22:39 #4
- Berichten
- 289
- Lid sinds
- 14 Jaar
Re: Product in winkelmandje zonder pagerefresh
In een tabel inserten is natuurlijk prima, zoveel wegen naar Rome. ;)
Dat laatste zou volgens mij al gedaan moeten worden door het javascript met de gehele response van toevoegenWinkelwagen.php. Het kan natuurlijk zo zijn dat ik ergens een foutje heb gemaakt, daarvoor zul je het eventjes moeten testen. Het is dus eigenlijk een soort 'include' wat er gebeurt. :)
-
04-01-2012, 22:41 #5
- Berichten
- 158
- Lid sinds
- 13 Jaar
Re: Product in winkelmandje zonder pagerefresh
In een tabel inserten is natuurlijk prima, zoveel wegen naar Rome. ;)
Dat laatste zou volgens mij al gedaan moeten worden door het javascript met de gehele response van toevoegenWinkelwagen.php. Het kan natuurlijk zo zijn dat ik ergens een foutje heb gemaakt, daarvoor zul je het eventjes moeten testen. Het is dus eigenlijk een soort 'include' wat er gebeurt. :)
Ja precies, dus als ik het goed begrijp: jquery opent eigenlijk de pagina winkelmandjetoevoegen op de 'achtergrond' die dan via de ID voor de insert zorgt, alleen vat ik dus nog niet hoe dan de winkelmandje div zichzelf ververst.
-
04-01-2012, 22:44 #6
- Berichten
- 289
- Lid sinds
- 14 Jaar
Re: Product in winkelmandje zonder pagerefresh
In dit lijntje:
Code:$("#winkelwagen").load('toevoegenWinkelwagen.php?id='+id);
Meer documentatie: http://api.jquery.com/load/
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic