https://stavrosdecor.com/local/templates/wedev/js/articles.js

1
2
3$(document).on('click', '.load_more', function () {
4  var targetContainer = $('.load_more_block'),
5      $btn            = $(this),
6      url             = $btn.attr('data-url');
7
8  if (!url) return;
9
10
11  $.ajax({
12    type: 'GET',
13    url: url,
14    dataType: 'html',
15    success: function (data) {
16      history.pushState(null, null, url);
17
18      var $elements   = $(data).find('.news_item'),
19          $newBtn     = $(data).find('.load_more'),
20          newUrl      = $newBtn.attr('data-url');
21
22      $('.news_list').append($elements)
23
24      if (newUrl) {
25        $btn.attr('data-url', newUrl);
26      } else {
27        $btn.remove();
28      }
29    }
30  });
31});
32
33
34$(document).ready(function() {
35  $("button[data-code]").click(function() {
36      var selectedType = $(this).data("code"); 
37
38      var newUrl = window.location.protocol + "//" + window.location.host + window.location.pathname + '?type=' + selectedType;
39      history.pushState({ path: newUrl }, '', newUrl);
40
41      $("button[data-code]").each(function() {
42          $(this).removeClass('bg-[#56937B] text-white').addClass('bg-[#F1F1F1] text-gray-800');
43      });
44      $(this).removeClass('bg-[#F1F1F1] text-gray-800').addClass('bg-[#56937B] text-white');
45
46      $.ajax({
47          url: newUrl,
48          method: "GET",
49          success: function(response) {
50              var responseHTML = $(response);
51              var newContent = responseHTML.find(".article-block").html();
52
53              $(".article-block").html(newContent);
54          }
55      });
56  });
57});