JAVASCRIPT   16

options custom js

Guest on 28th July 2022 06:35:11 PM

  1. /**
  2.  * Custom scripts needed for the colorpicker, image button selectors,
  3.  * and navigation tabs.
  4.  */
  5.  
  6. jQuery(document).ready(function($) {
  7.  
  8.         // Loads the color pickers
  9.         $('.of-color').wpColorPicker();
  10.  
  11.         // Image Options
  12.         $('.of-radio-img-img').click(function(){
  13.                 $(this).parent().parent().find('.of-radio-img-img').removeClass('of-radio-img-selected');
  14.                 $(this).addClass('of-radio-img-selected');
  15.         });
  16.  
  17.         $('.of-radio-img-label').hide();
  18.         $('.of-radio-img-img').show();
  19.         $('.of-radio-img-radio').hide();
  20.  
  21.         // Loads tabbed sections if they exist
  22.         if ( $('.nav-tab-wrapper').length > 0 ) {
  23.                 options_framework_tabs();
  24.         }
  25.  
  26.         function options_framework_tabs() {
  27.  
  28.                 var $group = $('.group'),
  29.                         $navtabs = $('.nav-tab-wrapper a'),
  30.                         active_tab = '';
  31.  
  32.                 // Hides all the .group sections to start
  33.                 $group.hide();
  34.  
  35.                 // Find if a selected tab is saved in localStorage
  36.                 if ( typeof(localStorage) != 'undefined' ) {
  37.                         active_tab = localStorage.getItem('active_tab');
  38.                 }
  39.  
  40.                 // If active tab is saved and exists, load it's .group
  41.                 if ( active_tab != '' && $(active_tab).length ) {
  42.                         $(active_tab).fadeIn();
  43.                         $(active_tab + '-tab').addClass('nav-tab-active');
  44.                 } else {
  45.                         $('.group:first').fadeIn();
  46.                         $('.nav-tab-wrapper a:first').addClass('nav-tab-active');
  47.                 }
  48.  
  49.                 // Bind tabs clicks
  50.                 $navtabs.click(function(e) {
  51.  
  52.                         e.preventDefault();
  53.  
  54.                         // Remove active class from all tabs
  55.                         $navtabs.removeClass('nav-tab-active');
  56.  
  57.                         $(this).addClass('nav-tab-active').blur();
  58.  
  59.                         if (typeof(localStorage) != 'undefined' ) {
  60.                                 localStorage.setItem('active_tab', $(this).attr('href') );
  61.                         }
  62.  
  63.                         var selected = $(this).attr('href');
  64.  
  65.                         $group.hide();
  66.                         $(selected).fadeIn();
  67.  
  68.                 });
  69.         }
  70.  
  71. });

Raw Paste


Login or Register to edit or fork this paste. It's free.