JAVASCRIPT   87

jQuery fontsize

Guest on 12th July 2022 12:52:38 AM

  1. jQuery.fn.fontresizermanager = function () {
  2.  
  3.     var fontResizer_value = jQuery('#fontResizer_value').val();
  4.     var fontResizer_ownid = jQuery('#fontResizer_ownid').val();
  5.     var fontResizer_ownelement = jQuery('#fontResizer_ownelement').val();
  6.     var fontResizer_resizeSteps = jQuery('#fontResizer_resizeSteps').val();
  7.     var fontResizer_cookieTime = jQuery('#fontResizer_cookieTime').val();
  8.     var fontResizer_maxFontsize = jQuery('#fontResizer_maxFontsize').val();
  9.     var fontResizer_minFontsize = jQuery('#fontResizer_minFontsize').val();
  10.     var fontResizer_element = fontResizer_value;
  11.  
  12.         if(fontResizer_value == "innerbody") {
  13.                 fontResizer_element = "div#innerbody";
  14.         } else if(fontResizer_value == "ownid") {
  15.                 fontResizer_element = "div#" + fontResizer_ownid;
  16.         } else if(fontResizer_value == "ownelement") {
  17.                 fontResizer_element = fontResizer_ownelement;
  18.         }
  19.  
  20.         var startFontSize = parseFloat(jQuery(fontResizer_element+"").css("font-size"));
  21.         var savedSize = jQuery.cookie('fontSize');
  22.         if(savedSize > 4) {
  23.                 jQuery(fontResizer_element).css("font-size", savedSize + "px");
  24.         }
  25.  
  26.         jQuery('.fontResizer_add').css("cursor","pointer");
  27.         jQuery('.fontResizer_minus').css("cursor","pointer");
  28.         jQuery('.fontResizer_reset').css("cursor","pointer");
  29.  
  30.         // Increase font size
  31.         jQuery('.fontResizer_add').click(function(event) {
  32.                 event.preventDefault();
  33.                 var newFontSize = parseFloat(jQuery(fontResizer_element+"").css("font-size"));
  34.                 newFontSize=newFontSize+parseFloat(fontResizer_resizeSteps);
  35.                 if( newFontSize <= fontResizer_maxFontsize || fontResizer_maxFontsize == 0 || fontResizer_maxFontsize == '' ) {
  36.                         jQuery(fontResizer_element+"").css("font-size",newFontSize+"px");
  37.                         jQuery.cookie('fontSize', newFontSize, {expires: parseInt(fontResizer_cookieTime), path: '/'});
  38.                 }
  39.         });
  40.  
  41.         // Decrease font size
  42.         jQuery('.fontResizer_minus').click(function(event) {
  43.                 event.preventDefault();
  44.                 var newFontSize = parseFloat(jQuery(fontResizer_element+"").css("font-size"))
  45.                 newFontSize=newFontSize-fontResizer_resizeSteps;
  46.                 if( newFontSize >= fontResizer_minFontsize || fontResizer_minFontsize == 0 || fontResizer_minFontsize == '' ) {
  47.                         jQuery(""+fontResizer_element+"").css("font-size",newFontSize+"px");                     
  48.                         jQuery.cookie('fontSize', newFontSize, {expires: parseInt(fontResizer_cookieTime), path: '/'});
  49.                 }
  50.         });
  51.  
  52.         // Reset font size
  53.         jQuery('.fontResizer_reset').click(function(event) {
  54.                 event.preventDefault();
  55.                 jQuery(""+fontResizer_element+"").css("font-size",startFontSize);                        
  56.                 jQuery.cookie('fontSize', startFontSize, {expires: parseInt(fontResizer_cookieTime), path: '/'});
  57.         });
  58.  
  59.         // Accessibility stuff
  60.         jQuery('.fontResizer_minus, .fontResizer_reset, .fontResizer_add').keypress(function (e) {
  61.         var key = e.which;
  62.                 if(key == 13) {
  63.                         $(this).click();
  64.                         return false;  
  65.                 }
  66.         });
  67.  
  68. }

Raw Paste

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