https://freesuns.com/modules/alignement/alignement.js?1.6.4

1// JavaScript Document
2
3addEvent(window , "load", alignement_chrono);
4addEvent(window , "resize", alignement_chrono);
5
6addEvent(window , "load", alignement_viewport);
7addEvent(window , "resize", alignement_viewport);
8
9function alignement_chrono(){
10	alignement();
11	setTimeout("alignement();",200);	
12
13	alignement_parent();
14	setTimeout("alignement_parent();",200);	
15
16	alignement_enfant();
17	setTimeout("alignement_enfant();",200);	
18}
19
20function alignement(){
21	$(".alignement").each(function(){
22		var alignement_conteneur_id=this.getAttribute('data-alignement_conteneur');
23
24		if(alignement_conteneur_id!=null){
25			if(alignement_conteneur_id!="body"){
26				var alignement_conteneur=document.getElementById(alignement_conteneur_id);
27				var alignement_conteneur_height=alignement_conteneur.clientHeight;
28			}
29			else{
30				var alignement_conteneur_height=viewportheight;
31			}
32			
33			this.style.marginTop=0+"px";
34			var alignement_contenu_height=this.clientHeight;
35			
36			var alignement_difference=alignement_conteneur_height-alignement_contenu_height;
37			
38			if(alignement_difference>0){
39				this.style.marginTop=Math.ceil(alignement_difference/2)+"px";
40			}
41			
42			if(this.getAttribute('data-alignement_opacity')!=null){
43				this.style.opacity=1;
44			}
45		}
46	});
47}
48
49function alignement_viewport(){
50	$(".alignement_viewport").each(function(){
51		var alignement_conteneur_height=viewportheight;
52		
53		this.style.marginTop=0+"px";
54		var alignement_contenu_height=this.clientHeight;
55		
56		var alignement_difference=alignement_conteneur_height-alignement_contenu_height;
57		
58		if(alignement_difference>0){
59			this.style.marginTop=Math.ceil(alignement_difference/2)+"px";
60		}
61		
62		if(this.getAttribute('data-alignement_opacity')!=null){
63			this.style.opacity=1;
64		}
65	});
66}
67
68function alignement_parent(){//permet d'aligner verticalement un élément selon son parent
69	$(".alignement_parent").each(function(){
70		var alignement_desactivation=this.getAttribute('data-alignement_desactivation');
71		if(alignement_desactivation!=null){
72			if(viewportwidth<=alignement_desactivation){
73				alignement_activation=0;
74			}
75			else{
76				alignement_activation=1;
77			}
78		}
79		else{
80			alignement_activation=1;
81		}
82		
83		if(alignement_activation==1){
84			var alignement_parent_height=this.clientHeight;
85
86			var alignement_parent_parent=this.parentNode;
87			var alignement_parent_parent_height=alignement_parent_parent.clientHeight;
88
89			var alignement_parent_top=(alignement_parent_parent_height-alignement_parent_height)/2;
90			this.style.marginTop=alignement_parent_top+"px";
91		}
92		else{
93			this.style.marginTop=0+"px";
94		}
95		
96	});
97}
98
99function alignement_enfant(){//permet d'aligner verticalement les enfants d'un élément
100	$(".alignement_enfant").each(function(){
101		var alignement_parent=this;
102		var alignement_largeur_stop=this.getAttribute('data-alignement_stop');
103		
104		var alignement_enfant_enfants=this.children;
105		if(viewportwidth>alignement_largeur_stop){
106			var alignement_enfant_parent_height=this.clientHeight;
107			
108			for(i=0;i<alignement_enfant_enfants.length;i++){
109				alignement_enfant_enfants[i].style.marginTop="auto";
110			}
111			
112			for(i=0;i<alignement_enfant_enfants.length;i++){
113				var alignement_enfant_enfant_height=alignement_enfant_enfants[i].clientHeight;
114				if(alignement_enfant_enfant_height<alignement_enfant_parent_height){
115					var alignement_enfant_margin_top=(alignement_enfant_parent_height-alignement_enfant_enfant_height)/2;
116					alignement_enfant_enfants[i].style.marginTop=alignement_enfant_margin_top+"px";
117					
118				}
119				else{
120					alignement_enfant_enfants[i].style.marginTop="auto";
121				}
122			}
123			
124		}
125		else{
126			for(i=0;i<alignement_enfant_enfants.length;i++){
127				alignement_enfant_enfants[i].style.marginTop="auto";
128			}
129		}
130		/*
131		var alignement_enfant_height=this.clientHeight;
132		
133		var alignement_enfant_enfant=this.enfantNode;
134		var alignement_enfant_enfant_height=alignement_enfant_enfant.clientHeight;
135		
136		var alignement_enfant_top=(alignement_enfant_enfant_height-alignement_enfant_height)/2;
137		this.style.marginTop=alignement_enfant_top+"px";*/
138	});
139}
140