Ik heb een "liked" button en een button die niet "geliked" is. Hoe zorg ik ervoor dat de liked button in de niet gelikete button veranderd als erop geklikt wordt zonder dat de pagina gerefreshed word?
Stel dat er een variable "like" is.
Wanneer like "0" is zal de niet gelikete button er staan..
Wanneer like "1" is zal de gelikete button er staan.
In grote lijnen kun je het op deze manier oplossen met javascript. Daarin geef je aan dat , wanneer er op de knop geklikt is, hij de src tag van je image verandert, en daarmee dus een andere image laat zien.
Daarnaast zul je ook moeten onthouden dat iemand iets geliked heeft en moet bijgehouden worden hoeveel likes het gelike-te onderwerp inmiddels heeft ontvangen. Daartoe kun je op de achtergrond opslaan dat iemand (gebruiker X) op een "like" button heeft geklikt (voor item Y). Dit doe je doorgaans via een AJAX-request.
Afhankelijk van hoe jij je gebruikers en te liken onderwerpen identificeert zul je deze informatie door moeten zetten in je AJAX-request naar een script dat verder de administratieve afhandeling van een "like" verzorgt.
Het enkel aanpassen van het bronbestand van een afbeelding is na een page-refresh namelijk meteen weer vergeten.
