jquery snippet code to add in php page

jquery snippet code to add in php page

Hello guys,
can you help me about jquery? I've this js:

  1. (function($, window, document, undefined) {
  2. 'use strict';

  4. var gridContainer = $('.grid-items'),
  5. filtersContainer = $('.portfolio-filters'),
  6. wrap, filtersCallback;


  9. /*********************************
  10. init cubeportfolio
  11. *********************************/
  12. gridContainer.cubeportfolio({
  13. layoutMode: 'grid',
  14. rewindNav: true,
  15. scrollByPage: false,
  16. defaultFilter: '*',
  17. animationType: gridContainer.data('animation'),
  18. gapHorizontal: gridContainer.data('gap'),
  19. gapVertical: gridContainer.data('gap'),
  20. gridAdjustment: 'responsive',
  21. mediaQueries: [{
  22. width: 1100,
  23. cols: gridContainer.data('cols')
  24. }, {
  25. width: 800,
  26. cols: gridContainer.data('cols')
  27. }, {
  28. width: 500,
  29. cols: 2
  30. }, {
  31. width: 320,
  32. cols: 1
  33. }],
  34. caption: 'zoom',
  35. displayType: 'sequentially',
  36. displayTypeSpeed: 100,

  38. // lightbox
  39. lightboxDelegate: '.cbp-lightbox',
  40. lightboxGallery: true,
  41. lightboxTitleSrc: 'data-title',
  42. lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',

  44. // singlePage popup
  45. singlePageDelegate: '.cbp-singlePage',
  46. singlePageDeeplinking: true,
  47. singlePageStickyNavigation: true,
  48. singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>',
  49. singlePageCallback: function(url, element) {
  50. // to update singlePage content use the following method: this.updateSinglePage(yourContent)
  51. var t = this;

  53. $.ajax({
  54. url: url,
  55. type: 'GET',
  56. dataType: 'html',
  57. timeout: 5000
  58. })
  59. .done(function(result) {
  60. t.updateSinglePage(result);
  61. })
  62. .fail(function() {
  63. t.updateSinglePage("Error! Please refresh the page!");
  64. });
  65. },

  67. // single page inline
  68. singlePageInlineDelegate: '.cbp-singlePageInline',
  69. singlePageInlinePosition: 'above',
  70. singlePageInlineInFocus: true,
  71. singlePageInlineCallback: function(url, element) {
  72. // to update singlePage Inline content use the following method: this.updateSinglePageInline(yourContent)
  73. }
  74. });



  78. /*********************************
  79. add listener for filters
  80. *********************************/
  81. if (filtersContainer.hasClass('cbp-l-filters-dropdown')) {
  82. wrap = filtersContainer.find('.cbp-l-filters-dropdownWrap');

  84. wrap.on({
  85. 'mouseover.cbp': function() {
  86. wrap.addClass('cbp-l-filters-dropdownWrap-open');
  87. },
  88. 'mouseleave.cbp': function() {
  89. wrap.removeClass('cbp-l-filters-dropdownWrap-open');
  90. }
  91. });

  93. filtersCallback = function(me) {
  94. wrap.find('.cbp-filter-item').removeClass('cbp-filter-item-active');
  95. wrap.find('.cbp-l-filters-dropdownHeader').text(me.text());
  96. me.addClass('cbp-filter-item-active');
  97. wrap.trigger('mouseleave.cbp');
  98. };
  99. } else {
  100. filtersCallback = function(me) {
  101. me.addClass('cbp-filter-item-active').siblings().removeClass('cbp-filter-item-active');
  102. };
  103. }

  105. filtersContainer.on('click.cbp', '.cbp-filter-item', function() {
  106. var me = $(this);
  108. if (me.hasClass('cbp-filter-item-active')) {
  109. return;
  110. }

  112. // get cubeportfolio data and check if is still animating (reposition) the items.
  113. if (!$.data(gridContainer[0], 'cubeportfolio').isAnimating) {
  114. filtersCallback.call(null, me);
  115. }

  117. // filter the items
  118. gridContainer.cubeportfolio('filter', me.data('filter'), function() {});
  119. });


  122. /*********************************
  123. activate counter for filters
  124. *********************************/
  125. gridContainer.cubeportfolio('showCounter', filtersContainer.find('.cbp-filter-item'), function() {
  126. // read from url and change filter active
  127. var match = /#cbpf=(.*?)([#|?&]|$)/gi.exec(location.href),
  128. item;
  129. if (match !== null) {
  130. item = filtersContainer.find('.cbp-filter-item').filter('[data-filter="' + match[1] + '"]');
  131. if (item.length) {
  132. filtersCallback.call(null, item);
  133. }
  134. }
  135. });

  137. })(jQuery, window, document);

now i need to call  defaultFilter: '*'
in my php page by a code snippet so i can chanche dinamically the value.

I will be so glad. Thanks in advance