suivifilms.js 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. function ecouterSuivi(classBouton, texteUn, iconeEtatUn, texteDeux, iconeEtatDeux, chemin) {
  2. $('.'+classBouton).each(function() {
  3. $(this).click(function(e) {
  4. e.preventDefault();
  5. let $icone = $(this).children('i');
  6. let contenu = $(this).attr('data-content');
  7. $.ajax({
  8. type: 'POST',
  9. url: chemin,
  10. data: 'id_film=' + contenu,
  11. success: function (data) {
  12. console.log(data);
  13. if ($icone.attr('class') === iconeEtatUn) {
  14. $icone.attr('class', iconeEtatDeux);
  15. $icone.text(texteDeux);
  16. } else {
  17. $icone.attr('class', iconeEtatUn);
  18. $icone.text(texteUn);
  19. }
  20. return;
  21. },
  22. complete: function () {
  23. }
  24. })
  25. })
  26. })
  27. }
  28. function ecouterVu(classBouton, couleurVu, couleurPasVu, couleurNeutre, chemin) {
  29. $('.'+classBouton).each(function() {
  30. $(this).click(function(e) {
  31. e.preventDefault();
  32. let $icone = $(this).children();
  33. let contenu = $(this).attr('data-content');
  34. $.ajax({
  35. type: 'POST',
  36. url: chemin,
  37. data: 'id_film=' + contenu,
  38. success: function (data) {
  39. console.log(data);
  40. if ($icone.attr('class') === couleurNeutre) {
  41. $icone.attr('class', couleurPasVu);
  42. $icone.next().attr('class', couleurNeutre);
  43. } else {
  44. $icone.attr('class', couleurNeutre);
  45. $icone.next().attr('class', couleurVu);
  46. }
  47. return;
  48. },
  49. complete: function () {
  50. }
  51. })
  52. })
  53. })
  54. }