https://ville-de-castelculier.fr/inc/js/LSPop.js

1/*
2Gestion de pop html
3- utilisation : new LSPop(largeur,height).typefunction(options)
4types de pop :
5- simplePop (texte): juste un message, pas de fermeture, la page est bloquée
6- classicPop (texte,texte bouton): message et fermeture
7- confirmPop (msg,texte bt valid,texte bt close,script) : confirm
8- loaderPop (texte) : attentente
9*/
10function LSPop (size,height){
11	this.global__js__pop__ = "global__js__pop__";
12	this.contenu__js__pop__ = "contenu__js__pop__";
13	this.scontenu__js__pop__ = "scontenu__js__pop__";
14	this.globalDiv="";
15	this.contenuDiv="";
16	this.scontenuDiv="";
17	this.height=height;
18	this.size=size;
19}
20//--
21LSPop.prototype.simplePop = function(msg){//juste un message, pas de fermeture, la page est bloquée
22	this.openPop(msg);
23}
24//--
25LSPop.prototype.popAlertParent = function(msg){//pop depuis une iframe
26	var e = parent.document.createElement('script');
27	var t = parent.document.createTextNode("new LSPop(300,'auto').classicPop('"+msg+"','Fermer');");
28 	e.appendChild(t);
29	parent.document.body.appendChild(e);
30}
31//--
32LSPop.prototype.popLoaderParent = function(){//poploader depuis une iframe
33	var e = parent.document.createElement('script');
34	var t = parent.document.createTextNode("new LSPop(300,'auto').loaderPop('Veuillez patienter');");
35 	e.appendChild(t);
36	parent.document.body.appendChild(e);
37}
38//--
39function deletePopParent(){
40	if(parent.document.getElementById('global__js__pop__'))parent.document.body.removeChild(parent.document.getElementById('global__js__pop__'));
41	if(parent.document.getElementById('contenu__js__pop__'))parent.document.body.removeChild(parent.document.getElementById('contenu__js__pop__'));
42}
43//--
44LSPop.prototype.loaderPop = function(msg){//attente chargement
45	this.openPop('<div id="popLoader__">'+msg+'</div>');
46}
47//--
48LSPop.prototype.classicPop = function(msg,bt){//message et fermeture
49	this.openPop(msg+this.setbtClose(bt));
50	this.closePopFunc();
51}
52//--
53LSPop.prototype.confirmPop = function(msg,btvalid,btclose,url){//pop up de confirmation
54	this.openPop(msg+this.setbtConfirm(btvalid,btclose,url));
55}
56//--
57LSPop.prototype.setbtConfirm = function(confirm,close,url){
58	return '<p class="pop__nav__"><a href="#" class="bt__valid__" onclick="'+url+'new LSPop().deletePop();return false;">'+confirm+'</a>&nbsp;&nbsp;<a href="#" class="bt__close__" onclick="new LSPop().deletePop();return false;">'+close+'</a></p>';
59}
60//--
61LSPop.prototype.setbtClose = function(txt){
62	return '<p class="pop__nav__"><a href="#" class="bt__classic__" onclick="new LSPop().deletePop();return false;">'+txt+'</a></p>';
63}
64//--
65LSPop.prototype.closePopFunc = function(){// detruit les div du pop au clic
66	var t = this;
67	document.getElementById(this.global__js__pop__).onclick= function (){t.deletePop();}
68	document.getElementById(this.contenu__js__pop__).onclick= function (){t.deletePop();}
69}
70//--
71LSPop.prototype.closePopFunc2 = function(){// detruit les div du pop au clic
72	var t = this;
73	document.getElementById(this.global__js__pop__).onclick= function (){t.deletePop();}
74}
75//--
76LSPop.prototype.openPop = function(msg){
77	//this.pop.openPop(this.size, this.height,msg);
78	this.createGlobal();
79	this.createContent();
80	this.createSContent(msg);
81	this.setPositions();
82}
83//--
84LSPop.prototype.imgPop = function(msg){//message
85	this.openPop(msg);
86	this.closePopFunc2();
87}
88//--
89LSPop.prototype.createContent = function(){
90	this.contenuDiv=document.createElement("div");
91	this.contenuDiv.style.position="fixed";
92	this.contenuDiv.style.width=this.size+'px';
93	this.contenuDiv.style.height=(this.height!='auto')?this.height+'px':'auto';
94	this.contenuDiv.style.zIndex=1000;
95	this.contenuDiv.style.overflow='hidden';	
96	this.contenuDiv.id=this.contenu__js__pop__;
97	document.body.appendChild(this.contenuDiv);
98}
99//--
100LSPop.prototype.createSContent = function(msg){
101	this.scontenuDiv=document.createElement("div");
102	this.scontenuDiv.id=this.scontenu__js__pop__;
103	this.contenuDiv.appendChild(this.scontenuDiv);
104	this.scontenuDiv.innerHTML = msg;
105}
106//--
107LSPop.prototype.createGlobal = function(){
108	this.globalDiv=document.createElement("div");
109	this.globalDiv.style.position="fixed";
110	this.globalDiv.style.top=0;
111	this.globalDiv.style.left=0;
112	this.globalDiv.style.width="100%";
113	this.globalDiv.style.height="100%";
114	this.globalDiv.id=this.global__js__pop__;
115	document.body.appendChild(this.globalDiv);
116}
117LSPop.prototype.setPositions = function(){	
118	marginTop=-(this.contenuDiv.offsetHeight/2);
119	marginLeft=-(this.contenuDiv.offsetWidth/2);	
120	this.contenuDiv.style.top='50%';
121	this.contenuDiv.style.left='50%';
122	this.contenuDiv.style.marginTop=marginTop+'px';
123	this.contenuDiv.style.marginLeft=marginLeft+'px';
124}
125//--
126LSPop.prototype.deletePop = function(){// detruit les div du pop
127	if(document.getElementById(this.global__js__pop__))document.body.removeChild(document.getElementById(this.global__js__pop__));
128	if(document.getElementById(this.contenu__js__pop__))document.body.removeChild(document.getElementById(this.contenu__js__pop__));
129}
130function alert (msg){

131	new LSPop(400,'auto').classicPop(msg+'<br/>','Ok');
132}