JAVASCRIPT   166

popup.js

Guest on 24th July 2021 06:16:33 AM

  1. countOpenPopups = 0;
  2.  
  3. $.fn.showPopup = function(popupID, width, height) {
  4.        
  5.         var $shade = $("#popupShade");
  6.         var $popup = $("#" + popupID);
  7.        
  8.         // show the popup shade
  9.         if(countOpenPopups == 0) {
  10.                 $shade.show();
  11.         }
  12.         countOpenPopups++;
  13.        
  14.         // set the popup size and location
  15.         if(width) {
  16.                 $popup.width(width + "px");
  17.                 $popup.css("margin-left", (width / 2 * -1) + "px"); /* half of the width */
  18.         }
  19.         if(height) {
  20.                 $popup.height(height + "px");
  21.                 $popup.css("margin-top", (height / 2 * -1) + "px"); /* half of the height */
  22.         }
  23.        
  24.         // show the popup
  25.         $popup.show();
  26.        
  27.         // give focus to the popup
  28.         //popup.focus();
  29. }
  30.  
  31. $.fn.hidePopup = function(popupID) {
  32.        
  33.         var $shade = $("#popupShade");
  34.         var $popup = $("#" + popupID);
  35.        
  36.         // hide the popup
  37.         $popup.hide();
  38.        
  39.         // hide the popup shade
  40.         countOpenPopups--;
  41.         if(countOpenPopups == 0) {
  42.                 $shade.hide();
  43.         }
  44. }

Raw Paste


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