overlay click close add

Author: mianzaid

js/lightWeightPopup.js

@@ -7,9 +7,10 @@
 function closeDilog(action){
 	if(action=="inline"){ 
 		var inlineData	=	$('#lwpBody').html();
-		setTimeout(function(){ $('body').find('.lwp-inline').html(inlineData);},100);
+		setTimeout(function(){ $('body').find('.lwp-inline').html(inlineData); $('body').removeClass('lwp-hidden');},100);
 	}
 	$('.lwp').remove();
+	$('.lwp-overlay').remove();
 }
 
 (function($){
@@ -19,29 +20,59 @@ function closeDilog(action){
 		$(this).on("click",function(){
 
 			$("body").find('.lwp').remove();
-			w	=	h	=	u	=	mw	=	mh	=	t	=	'';
+			w	=	h	=	u	=	mw	=	mh	=	t	=	ol	=	mf	=	'';
 
 			var dset	=	$(this).data();
 
+			console.log(dset);
+			
 			if(dset.width!="" && typeof dset.width !== "undefined"){	w	=	dset.width;}
 			if(dset.height!="" && typeof dset.height !== "undefined"){	h	=	dset.height;}
 			if(dset.href!="" && typeof dset.href !== "undefined"){u	=	dset.href;}
 			if(dset.maxWidth!="" && typeof dset.maxWidth !== "undefined"){mw	=	dset.maxWidth;}
 			if(dset.maxHeight!="" && typeof dset.maxHeight !== "undefined"){mh	=	dset.maxHeight;}
 			if(dset.title!="" && typeof dset.title !== "undefined"){t	=	dset.title;}else{t	=	'Model';}
-
+			if(dset.overlay==true && typeof dset.overlay !== "undefined"){ol	=	true;}else{ol	=	false;}
+			if(dset.modelFixed==true && typeof dset.modelFixed!== "undefined"){mf	=	'fixed';}
+			
+			var wh	=	parseInt(window.innerHeight)-parseInt(160);
+			
 			var settings	=	$.extend({
 				href			:	u, //Ajax url
 				width			:	w, //Container width
 				height			:	h, //Container height
 				maxWidth		:	mw, //Container title
 				maxHeight		:	mh, //Container close text/icon
 				title			:	t, //Model Title
+				overlay			:	ol, //Model close when click on overlay
+				modelFixed		:	mf,
 			},options);
-
-			$("body").append('<div class="lwp"><div id="lwp" tabindex="-1" role="dialog" style="width:'+settings.width+'; height:'+settings.height+'; max-width:'+settings.maxWidth+'; max-height:'+settings.maxHeight+'"><div id="lwpHead"><div class="title">'+settings.title+'</div><div class="close" onclick="closeDilog(\''+dset.content+'\')"><span>&times;</span></div></div><div id="lwpBody" role="document"><div class="loading"><img src="image/loader.gif"><p class="text">Please Wait..!</p></div></div></div></div>');
 
-			$('body').addClass('lwp-hidden');
+			var sw	=	sh	=	smw	=	smh	=	setOL	=	setMF	=	'';
+			
+			if(settings.width!=""){
+				var	sw	=	'width:'+settings.width+';';
+			}
+			if(settings.height!=""){
+				var	sh	=	'height:'+settings.height+';';
+			}
+			if(settings.maxWidth!=""){
+				var	smw	=	'max-width:'+settings.maxWidth+';';
+			}
+			if(settings.maxHeight!=""){
+				var	smh	=	'max-height:'+settings.maxHeight+';';
+			}
+			if(settings.overlay==true){
+				var setOL	=	'onclick="closeDilog(\''+dset.content+'\')"';
+			}
+			if(settings.modelFixed=='fixed'){
+				var setMF	=	'style="height:'+wh+'px"';
+			}
+						
+			$("body").append('<div class="lwp-overlay" '+setOL+'></div><div class="lwp" tabindex="-1" role="dialog"><div id="lwp" style="'+sw+' '+sh+' '+smw+' '+smh+'"><div id="lwpHead"><div class="title">'+settings.title+'</div><div class="close" onclick="closeDilog(\''+dset.content+'\')"><span>&times;</span></div></div><div id="lwpBody" role="document" '+setMF+'><div class="loading"><img src="image/loader.gif"><p class="text">Please Wait..!</p></div></div></div></div>');
+			if(settings.modelFixed){
+				$('body').addClass('lwp-hidden');
+			}
 			if(dset.content=='ajax'){
 				$.ajax({
 					method	:	"POST",
@@ -55,8 +86,13 @@ function closeDilog(action){
 			}
 
 			if(dset.content=='iframe'){
-				nH	=	$('#lwpBody').height()-50;
-				setTimeout(function(){ $('#lwpBody').html('<iframe frameborder="0" style="height:'+nH+'px;" allowfullscreen class="lwpIframe" src="'+settings.href+'"></iframe>');},1000);
+				var lwpHead	=	parseInt($('#lwpHead').innerHeight());
+				var lwp		=	parseInt($('#lwp').innerHeight());
+				console.log(lwpHead, lwp);
+				var bh		=	parseInt(lwp)-parseInt(lwpHead*1);
+				console.log(bh);
+				
+				setTimeout(function(){ $('#lwpBody').html('<iframe frameborder="0" style="height:'+bh+'px; width:100%;" src="'+settings.href+'"></iframe>');},1000);
 			}
 
 			if(dset.content=='inline'){
@@ -65,9 +101,10 @@ function closeDilog(action){
 					setTimeout(function(){$('#lwpBody').html(data);},1000);
 				}
 				$('body').find('.lwp-inline').html('');
-			}
-			
+			}	
 		});
 
+		
+	
 	};
-}(jQuery));
+}(jQuery));