Posts

Custom Load More

$('body').on('click', '.cb_section_media .load-more > a', function(){ //            console.log('button clicked')               if( ! loading ) {                   button.addClass('loading');                   loading = true; //                  console.log('begin to load');                   var data = {                       action: 'auka_ajax_load_more',                       page: page,                       query: auka.query,                       layout: $('#js-section-details').data('layout'),     ...

Resizing the Captcha in a Form

.hs_recaptcha iframe {    transform:scale(0.77);   -webkit-transform:scale(0.77);   transform-origin:0 0;   -webkit-transform-origin:0 0; } .hs_recaptcha .input div {   width: 200px !important; }

Add more than one map in a same page using custom module in hubspot.

Html ================================== <div class="offices-group"> <h4 class="offices-heading">{{ module.heading }}</h4>   <div class="offices-wrapper">     {% for item in module.office_item %}     <div class="office-col">       <div class="office-inner">         <h5 class="office-title">{{ item.location }}</h5>         <p class="office-address">{{ item.address }}</p>         <div id="map-aux{{ loop.index }}" style="height: 325px; width: 100%;"></div>       </div>     </div>     {% endfor %}   </div> </div> ---------------------------------------------------------- JS ================================== <script src="map1.js"></script> <script>   {% for item in module.office_item %} function initMap{{ loop....

Active Menu Script

var path = window.location.href; $("a").each(function() {     var href = $(this).attr('href');     if (path == href) {     $(this).addClass('active');   } }); // Option Two if there are special characters being used for foreign pages  var url = window.location.pathname; urlRegExp = new RegExp(url.replace(/\/$/, '') + "$"); $("a").each(function() {     if (urlRegExp.test(this.href.replace(/\/$/, ''))) {         $(this).addClass('active');     } });

Add Fancybox Popup in Image Gallery

<link rel="stylesheet" href=" https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.1/jquery.fancybox.min.css " /> <script src=" https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.1/jquery.fancybox.min.js "></script> <script>    $(window).load(function() {    if ( $('.row1-content-careers ').length == 1 ){      $('.row1-content-careers .hs_cos_gallery .slick-slide-inner-wrapper').each(function(){        var imgSrc = $(this).children('img').attr('src') || $(this).children('img').attr('data-lazy');        var imgAlt = $(this).children('img').attr('alt');        $(this).children('img').wrap('<a href="'+ imgSrc +'" data-fancybox="images" title="' + imgAlt + '"></a>');      });    }  });  $(document).ready(function(){    $('[data-fancybox="images"]').fancybox({      margin : [44,0,22,...

Fatch Data From HubDB (Filter With Load More) Using Ajax

<!-- HubDB Html --> {% set tableId = 847400 %} <div class="row-fluid">     {% set types = hubdb_table_column(847400, "tag").options %}   <ul class="tag_list resources-tags">     <li value="all"><a class="tagall" href="{{ request.path }}">All</a></li>     {% for row in hubdb_table_rows(tableId)|uniq ue('tag_name')|sort(False, False, 'tag_name') %}     {% if row.tag_name %}         <li><a class="tag-filter" href="{{ request.path }}?tag={{ row.tag_name }}&page=1">{{ row.tag_name }}</a></li>       {% endif %} {% endfor %}   </ul> </div> {% set page_size = 10 %} {# Define Page Size Here #} {% set rowCount = hubdb_table(tableId).row_count %} {% set pageCount =(rowCount/page_size)|round(0, 'ceil') %} {% if request.query_dict.page %} {% set page_num = request.query_dict...

HubDb Filter

<div class="row-fluid">    {% set types = hubdb_table_column(847400, "tag").options %}   <ul class="tag_list resources-tags">     <li value="all"><a href="javascript:void(0)">All</a></li>     {% for choice in types %}       {% set tag_list = tag_list~choice.id|list%}       {% if choice.id == request.query_dict.tag%}         <li><a href="#{{ choice.id }}">{{ choice.name }}</a></li>       {% else %}     <li><a href="#{{ choice.id }}">{{ choice.name }}</a></li>       {% endif %}     {% endfor %}   </ul> </div> https://prnt.sc/k7bpr6