☰

bPopup

bpopup from http://dinbror.dk/bpopup

此脚本不应直接安装，它是一个供其他脚本使用的外部库。如果您需要使用该库，请在脚本元属性加入：// @require https://update.gf.qytechs.cn/scripts/2723/7539/bPopup.js 

  1. /*===================================================================================================================
  2.  * @name: bPopup
  3.  * @type: jQuery
  4.  * @author: (c) Bjoern Klinggaard - @bklinggaard
  5.  * @demo: http://dinbror.dk/bpopup
  6.  * @version: 0.9.4
  7.  * @requires jQuery 1.4.3
  8.  *==================================================================================================================*/
  9. // Do With It What You Want But Please Visit My Sponsor license: http://dinbror.dk/blog/bpopup/#license */
  10. ;(function($) {
  11. 	'use strict';
  12. 	
  13.     $.fn.bPopup = function(options, callback) {
  14.         
  15.     if ($.isFunction(options)) {
  16.             callback 		= options;
  17.             options 		= null;
  18.         }
  19.  
  20. 		// OPTIONS
  21.         var o 				= $.extend({}, $.fn.bPopup.defaults, options);
  22.         
  23. 		// HIDE SCROLLBAR?  
  24.         if (!o.scrollBar)
  25.             $('html').css('overflow', 'hidden');
  26.         
  27. 		// VARIABLES	
  28.         var $popup 			= this
  29.           , d 				= $(document)
  30.           , w 				= window
  31. 		  , $w				= $(w)
  32.           , wH				= windowHeight()
  33. 		  , wW				= windowWidth()
  34.           , prefix			= '__b-popup'
  35. 		  , isIOS6X			= (/OS 6(_\d)+/i).test(navigator.userAgent) // Used for a temporary fix for ios6 timer bug when using zoom/scroll 
  36.           , buffer			= 200
  37. 		  , popups			= 0
  38.           , id
  39.           , inside
  40.           , fixedVPos
  41.           , fixedHPos
  42.           , fixedPosStyle
  43. 		  , vPos
  44.           , hPos
  45. 		  , height
  46. 		  , width
  47. 		  , debounce
  48. 		;
  49.  
  50. 		////////////////////////////////////////////////////////////////////////////////////////////////////////////
  51.         // PUBLIC FUNCTION - call it: $(element).bPopup().close();
  52. 		////////////////////////////////////////////////////////////////////////////////////////////////////////////
  53.         $popup.close = function() {
  54.             o = this.data('bPopup');
  55. 			id = prefix +$w.data('bPopup') + '__';
  56.             close();
  57.         };
  58.  
  59.         return $popup.each(function() {
  60.             if ($(this).data('bPopup')) return; //POPUP already exists?
  61.             init();
  62.         });
  63.  
  64.         ////////////////////////////////////////////////////////////////////////////////////////////////////////////
  65.         // HELPER FUNCTIONS - PRIVATE
  66.         ////////////////////////////////////////////////////////////////////////////////////////////////////////////
  67.         function init() {
  68.             triggerCall(o.onOpen);
  69. 			popups = ($w.data('bPopup') || 0) + 1, id = prefix + popups + '__',fixedVPos = o.position[1] !== 'auto', fixedHPos = o.position[0] !== 'auto', fixedPosStyle = o.positionStyle === 'fixed', height = $popup.outerHeight(true), width = $popup.outerWidth(true);
  70.             o.loadUrl ? createContent() : open();
  71.         };
  72. 		
  73. 		function createContent() {
  74.             o.contentContainer = $(o.contentContainer || $popup);
  75.             switch (o.content) {
  76.                 case ('iframe'):
  77. 					var iframe = $('<iframe class="b-iframe" ' + o.iframeAttr +'></iframe>');
  78. 					iframe.appendTo(o.contentContainer);
  79. 					height = $popup.outerHeight(true);
  80. 					width = $popup.outerWidth(true);
  81. 					open();
  82. 					iframe.attr('src', o.loadUrl); // setting iframe src after open due IE9 bug
  83. 					triggerCall(o.loadCallback);
  84.                     break;
  85. 				case ('image'):
  86. 					open();
  87. 					$('<img />')
  88. 						.load(function() {
  89. 						    triggerCall(o.loadCallback);
  90. 							recenter($(this));
  91. 					    }).attr('src', o.loadUrl).hide().appendTo(o.contentContainer);
  92. 					break;
  93.                 default:
  94. 					open();
  95. 					$('<div class="b-ajax-wrapper"></div>')
  96.                     	.load(o.loadUrl, o.loadData, function(){
  97. 						    triggerCall(o.loadCallback);
  98. 							recenter($(this));
  99. 						}).hide().appendTo(o.contentContainer);
  100.                     break;
  101.             }
  102.         };
  103.  
  104. 		function open(){
  105. 			// MODAL OVERLAY
  106.             if (o.modal) {
  107.                 $('<div class="b-modal '+id+'"></div>')
  108.                 .css({backgroundColor: o.modalColor, position: 'fixed', top: 0, right:0, bottom:0, left: 0, opacity: 0, zIndex: o.zIndex + popups})
  109.                 .appendTo(o.appendTo)
  110.                 .fadeTo(o.speed, o.opacity);
  111.             }
  112. 			
  113. 			// POPUP
  114. 			calPosition();
  115.             $popup
  116. 				.data('bPopup', o).data('id',id)
  117. 				.css({ 
  118. 					  'left': o.transition == 'slideIn' || o.transition == 'slideBack' ? (o.transition == 'slideBack' ? d.scrollLeft() + wW : (hPos + width) *-1) : getLeftPos(!(!o.follow[0] && fixedHPos || fixedPosStyle))
  119. 					, 'position': o.positionStyle || 'absolute'
  120. 					, 'top': o.transition == 'slideDown' || o.transition == 'slideUp' ? (o.transition == 'slideUp' ? d.scrollTop() + wH : vPos + height * -1) : getTopPos(!(!o.follow[1] && fixedVPos || fixedPosStyle))
  121. 					, 'z-index': o.zIndex + popups + 1 
  122. 				}).each(function() {
  123.             		if(o.appending) {
  124.                 		$(this).appendTo(o.appendTo);
  125.             		}
  126.         		});
  127. 			doTransition(true);	
  128. 		};
  129. 		
  130.         function close() {
  131.             if (o.modal) {
  132.                 $('.b-modal.'+$popup.data('id'))
  133. 	                .fadeTo(o.speed, 0, function() {
  134. 	                    $(this).remove();
  135. 	                });
  136.             }
  137. 			// Clean up
  138. 			unbindEvents();	
  139. 			// Close trasition
  140.             doTransition();
  141.             
  142. 			return false; // Prevent default
  143.         };
  144. 		
  145. 		//Eksperimental
  146. 		function recenter(content){
  147. 			var _width = content.width(), _height = content.height(), css = {};
  148. 			o.contentContainer.css({height:_height,width:_width});
  149. 			
  150. 			if (_height >= $popup.height()){
  151. 				css.height = $popup.height();
  152. 			}
  153. 			if(_width >= $popup.width()){
  154. 				css.width = $popup.width();
  155. 			}
  156. 			height = $popup.outerHeight(true)
  157. 			, width = $popup.outerWidth(true);
  158. 				
  159. 			calPosition();
  160. 			o.contentContainer.css({height:'auto',width:'auto'});		
  161. 			
  162. 			css.left = getLeftPos(!(!o.follow[0] && fixedHPos || fixedPosStyle)),
  163. 			css.top = getTopPos(!(!o.follow[1] && fixedVPos || fixedPosStyle));
  164. 			
  165. 			$popup
  166. 				.animate(
  167. 					css
  168. 					, 250
  169. 					, function() { 
  170. 						content.show();
  171. 						inside = insideWindow();
  172. 					}
  173. 				);
  174. 		};
  175. 		
  176.         function bindEvents() {
  177.             $w.data('bPopup', popups);
  178. 			$popup.delegate('.bClose, .' + o.closeClass, 'click.'+id, close); // legacy, still supporting the close class bClose
  179.             
  180.             if (o.modalClose) {
  181.                 $('.b-modal.'+id).css('cursor', 'pointer').bind('click', close);
  182.             }
  183. 			
  184. 			// Temporary disabling scroll/resize events on devices with IOS6+
  185. 			// due to a bug where events are dropped after pinch to zoom
  186.             if (!isIOS6X && (o.follow[0] || o.follow[1])) {
  187.                $w.bind('scroll.'+id, function() {
  188.                 	if(inside){
  189.                     	$popup
  190.                         	.dequeue()
  191.                             .animate({ 'left': o.follow[0] ? getLeftPos(!fixedPosStyle) : 'auto', 'top': o.follow[1] ? getTopPos(!fixedPosStyle) : 'auto' }, o.followSpeed, o.followEasing);
  192. 					 }  
  193.             	}).bind('resize.'+id, function() {
  194. 		            wH = windowHeight();
  195. 		  		    wW = windowWidth();
  196. 					inside = insideWindow();
  197.                    	if(inside){
  198. 						clearTimeout(debounce);
  199. 						debounce = setTimeout(function(){
  200. 							calPosition();
  201. 							$popup
  202. 	                           	.dequeue()
  203. 	                           	.each(function() {
  204. 	                               	if(fixedPosStyle) {
  205. 	                                	$(this).css({ 'left': hPos, 'top': vPos });
  206. 	                               	}
  207. 	                               	else {
  208. 	                                   	$(this).animate({ 'left': o.follow[0] ? getLeftPos(true) : 'auto', 'top': o.follow[1] ? getTopPos(true) : 'auto' }, o.followSpeed, o.followEasing);
  209. 	                               	}
  210. 	                           	});
  211. 						}, 50);					
  212.                    	}
  213.                 });
  214.             }
  215.             if (o.escClose) {
  216.                 d.bind('keydown.'+id, function(e) {
  217.                     if (e.which == 27) {  //escape
  218.                         close();
  219.                     }
  220.                 });
  221.             }
  222.         };
  223. 		
  224.         function unbindEvents() {
  225.             if (!o.scrollBar) {
  226.                 $('html').css('overflow', 'auto');
  227.             }
  228.             $('.b-modal.'+id).unbind('click');
  229.             d.unbind('keydown.'+id);
  230.             $w.unbind('.'+id).data('bPopup', ($w.data('bPopup')-1 > 0) ? $w.data('bPopup')-1 : null);
  231.             $popup.undelegate('.bClose, .' + o.closeClass, 'click.'+id, close).data('bPopup', null);
  232.         };
  233. 		
  234. 		function doTransition(open) {
  235. 			switch (open ? o.transition : o.transitionClose || o.transition) {
  236. 			   case "slideIn":
  237. 				   	animate({
  238. 				   		left: open ? getLeftPos(!(!o.follow[0] && fixedHPos || fixedPosStyle)) : d.scrollLeft() - (width || $popup.outerWidth(true)) - buffer
  239. 				   	});
  240. 			      	break;
  241. 			   case "slideBack":
  242. 				   	animate({
  243. 				   		left: open ? getLeftPos(!(!o.follow[0] && fixedHPos || fixedPosStyle)) : d.scrollLeft() + wW + buffer
  244. 				   	});
  245. 			      	break;
  246. 			   case "slideDown":
  247. 				   	animate({
  248. 				   		top: open ? getTopPos(!(!o.follow[1] && fixedVPos || fixedPosStyle)) : d.scrollTop() - (height || $popup.outerHeight(true)) - buffer
  249. 				   	});
  250. 			      	break;
  251. 		   		case "slideUp":
  252. 					animate({
  253. 						top: open ? getTopPos(!(!o.follow[1] && fixedVPos || fixedPosStyle)) : d.scrollTop() + wH + buffer
  254. 					});
  255. 		      	  	break;
  256. 			   default:
  257. 			   	  	//Hardtyping 1 and 0 to ensure opacity 1 and not 0.9999998
  258. 				  	$popup.stop().fadeTo(o.speed, open ? 1 : 0, function(){onCompleteCallback(open);});
  259. 			}
  260. 			
  261. 			function animate(css){
  262. 			  	$popup
  263. 					.css({display: 'block',opacity: 1})
  264. 					.animate(css, o.speed, o.easing, function(){ onCompleteCallback(open); });
  265. 			};
  266. 		};
  267. 		
  268. 		
  269. 		function onCompleteCallback(open){
  270. 			if(open){
  271. 				bindEvents();
  272. 	            triggerCall(callback);
  273. 				if(o.autoClose){
  274. 					setTimeout(close, o.autoClose);
  275. 				}
  276. 			} else {
  277. 				$popup.hide();
  278. 				triggerCall(o.onClose);
  279. 				if (o.loadUrl) {
  280.                     o.contentContainer.empty();
  281. 					$popup.css({height: 'auto', width: 'auto'});
  282.                 }		
  283. 			}
  284. 		};
  285. 		
  286. 		function getLeftPos(includeScroll){
  287. 			return includeScroll ? hPos + d.scrollLeft() : hPos;
  288. 		};
  289. 		
  290. 		function getTopPos(includeScroll){
  291. 			return includeScroll ? vPos + d.scrollTop() : vPos;
  292. 		};
  293. 		
  294. 		function triggerCall(func) {
  295. 			$.isFunction(func) && func.call($popup);
  296. 		};
  297. 		
  298.        	function calPosition(){
  299. 			vPos 		= fixedVPos ? o.position[1] : Math.max(0, ((wH- $popup.outerHeight(true)) / 2) - o.amsl)
  300. 			, hPos 		= fixedHPos ? o.position[0] : (wW - $popup.outerWidth(true)) / 2
  301. 			, inside 	= insideWindow();
  302. 		};
  303. 		
  304.         function insideWindow(){
  305.             return wH > $popup.outerHeight(true) && wW > $popup.outerWidth(true);
  306.         };
  307. 		
  308. 		function windowHeight(){
  309. 			return w.innerHeight || $w.height();
  310. 		};
  311. 		
  312. 		function windowWidth(){
  313. 			return w.innerWidth || $w.width();
  314. 		};
  315.     };
  316.  
  317. 	////////////////////////////////////////////////////////////////////////////////////////////////////////////
  318. 	// DEFAULT VALUES
  319. 	////////////////////////////////////////////////////////////////////////////////////////////////////////////
  320.     $.fn.bPopup.defaults = {
  321.           amsl: 			50
  322.         , appending: 		true
  323.         , appendTo: 		'body'
  324. 		, autoClose:		false
  325.         , closeClass: 		'b-close'
  326.         , content: 			'ajax' // ajax, iframe or image
  327.         , contentContainer: false
  328. 		, easing: 			'swing'
  329.         , escClose: 		true
  330.         , follow: 			[true, true] // x, y
  331. 		, followEasing: 	'swing'
  332.         , followSpeed: 		500
  333. 		, iframeAttr: 		'scrolling="no" frameborder="0"'
  334. 		, loadCallback: 	false
  335. 		, loadData: 		false
  336.         , loadUrl: 			false
  337.         , modal: 			true
  338.         , modalClose: 		true
  339.         , modalColor: 		'#000'
  340.         , onClose: 			false
  341.         , onOpen: 			false
  342.         , opacity: 			0.7
  343.         , position: 		['auto', 'auto'] // x, y,
  344.         , positionStyle: 	'absolute'// absolute or fixed
  345.         , scrollBar: 		true
  346. 		, speed: 			250 // open & close speed
  347. 		, transition:		'fadeIn' //transitions: fadeIn, slideDown, slideIn
  348. 		, transitionClose:	false
  349.         , zIndex: 			9997 // popup gets z-index 9999, modal overlay 9998
  350.     };
  351. })(jQuery);

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址