https://www.clinicadentalcba.es/include/popup/popup.js?v=2

1jQuery(document).ready(function(e) {
2	generarPopup("a.popup");
3});
4
5function generarPopup(sel){
6	jQuery(sel).each(function(index, element) {
7		if(jQuery(this).attr('href')!=null) var url = jQuery(this).attr('href');
8		else url = "#";
9        if(jQuery(this).attr('title')!=null) var tit = jQuery(this).attr('title');
10		else var tit = "";
11        if(jQuery(this).attr('idframe')!=null) var idframe = jQuery(this).attr('idframe');
12		else var idframe = "";
13        if(jQuery(this).attr('close')!=null) var onclose = jQuery(this).attr('close');
14		else var onclose = "";
15		if(jQuery(this).attr('iframe')!=null){
16			if(jQuery(this).attr('iframe')=="false") var iframe = false;
17			else var iframe = true;
18		} else var iframe = true;
19		if(jQuery(this).attr('wh')!=null){
20			var p = jQuery(this).attr('wh').split(",");
21			var w = p[0]; var h = p[1];
22		} else { var w = 400; var h = 400;}
23		if(jQuery(this).attr('drag')!=null && jQuery(this).attr('drag')=="true") var drag = true;
24		else drag = false;
25		
26		jQuery(this).attr('href',"#");
27		if(url!="#"){
28			jQuery(this).click(function(e) {
29				popup(url,tit,idframe,iframe,w,h,onclose,drag);
30				return false;
31			});
32		}
33    });
34}
35
36function popup(url,tit,idframe,iframe,w,h,onclose,drag){
37	var rd = idframe!=""?idframe:Math.round(Math.random());
38	if(h<40) h = 40;
39	var limitew = jQuery(window).width()-20;
40	if(w>limitew) w = limitew;
41	var limiteh = jQuery(window).height()-20;
42	if(h>limiteh) h = limiteh;
43	var html = "<div class='popup_bk' id='popup"+rd+"'>";
44	html+= "<div class='popup_cont'>";
45	if(tit!=""){
46		html+= "<div class='popup_top'>";
47		html+= "<div class='popup_title'>"+tit+"</div>";
48		html+= "<div class='popup_close'><i class='fas fa-times'></i></div>";
49		html+= "</div>";
50	} else {
51		html+= "<div class='popup_close'></div>";
52	}
53	html+= "<div class='popup_load'></div>";
54	html+= "</div>";
55	html+= "</div>";
56	jQuery("body").append(html);
57	
58	if(w!="100%" && w<=jQuery(window).width() && h<=jQuery(window).height() ){
59		jQuery("#popup"+rd+" .popup_cont").css('width',w+'px');
60		jQuery("#popup"+rd+" .popup_cont").css('max-width','100%');
61		jQuery("#popup"+rd+" .popup_cont").css('height',h+'px');
62		jQuery("#popup"+rd+" .popup_cont").css('margin-top','-'+((h/2))+'px');
63		jQuery("#popup"+rd+" .popup_cont").css('margin-left','-'+(w/2)+'px');
64		jQuery("#popup"+rd+" .popup_load").css('width',w+'px');
65		jQuery("#popup"+rd+" .popup_load").css('max-width','100%');
66		if(tit!="") jQuery("#popup"+rd+" .popup_load").css('height',(h-40)+'px');
67		else jQuery("#popup"+rd+" .popup_load").css('height',h+'px');
68	} else {
69		jQuery("#popup"+rd+" .popup_cont").addClass("full");
70	}
71	
72	if(iframe) jQuery("#popup"+rd+" .popup_load").html("<iframe id='"+idframe+"' class='frame' src='"+url+"'></iframe>");
73	else jQuery("#popup"+rd+" .popup_load").load(url);
74	
75	jQuery("#popup"+rd+" .popup_load .frame").css('width','100%');
76	jQuery("#popup"+rd+" .popup_load .frame").css('max-width','100%');
77	jQuery("#popup"+rd+" .popup_load .frame").css('position','absolute');
78	jQuery("#popup"+rd+" .popup_load .frame").css('left','0');
79	jQuery("#popup"+rd+" .popup_load .frame").css('bottom','0');
80	if(tit!="") jQuery("#popup"+rd+" .popup_load .frame").css('height',(h-40)+'px');
81	else jQuery("#popup"+rd+" .popup_load .frame").css('height',h+'px');
82	if(tit!="") jQuery("#popup"+rd+" .popup_load .frame").css('top','40px');
83	else jQuery("#popup"+rd+" .popup_load .frame").css('top','0');
84	//alert(jQuery("#popup"+rd+" .popup_load .frame").height());
85	
86	jQuery("#popup"+rd+" .popup_close").click(function(e) {
87		if(onclose!=""){
88			if(eval(onclose)) popupClose(rd);
89		} else popupClose(rd);
90		e.stopPropagation();
91    });
92	jQuery("#popup"+rd+" .popup_cont").click(function(e) { e.stopPropagation(); });
93	jQuery("#popup"+rd).click(function(e) {
94		if(onclose!=""){
95			if(eval(onclose)) popupClose(rd);
96		} else popupClose(rd);
97    });
98	
99	if(drag) jQuery("#popup"+rd+" .popup_cont").draggable({ handle: ".popup_top", appendTo: "body" });
100	
101	//$("#popup"+rd).css("margin-top",$("html").scrollTop()+"px");
102	jQuery("body").css("overflow","hidden");
103	jQuery("#popup"+rd).fadeIn(200);
104}
105
106function popupClose(rd){
107	jQuery("#popup"+rd).fadeOut(400,'',function(){
108		jQuery("#popup"+rd).remove();
109		jQuery("body").css("overflow","auto");
110	});
111}
112
113function popupCloseAll(){
114	jQuery(".popup_bk").remove();
115	jQuery("body").css("overflow","auto");
116}
117