https://lyceefrancois1.net/ADI/scripts/login/login.js

1$(document).ready(function () {	  
2			$('#login').show().animate({   opacity: 1 }, 2000);
3			$('.logo').show().animate({   opacity: 1,top: '40%'}, 800,function(){			
4			$('.logo').show().delay(1200).animate({   opacity: 1,top: '12%' }, 300,function(){
5				$('.formLogin').animate({   opacity: 1,left: '0' }, 300);
6				$('.userbox').animate({ opacity: 0 }, 200).hide();
7			 });		
8
9			  })	
10			$(".on_off_checkbox").iphoneStyle();
11			$('.tip a ').tipsy({gravity: 'sw'});
12			$('.tip input').tipsy({ trigger: 'focus', gravity: 'w' });
13		});	
14	    $('.userload').click(function(e){
15			$('.formLogin').animate({   opacity: 1,left: '0' }, 300);			    
16			  $('.userbox').animate({ opacity: 0 }, 200,function(){
17				  $('.userbox').hide();				
18			   });
19	    });
20	    
21	$('#but_login').click(function(e){				
22		  if(document.formLogin.username.value == "" || document.formLogin.password.value == "")
23		  {
24			  showError("Veuillez renseigner votre identifiant et votre mot de passe");
25			  $('.inner').jrumble({ x: 4,y: 0,rotation: 0 });	
26			  $('.inner').trigger('startRumble');
27			  setTimeout('$(".inner").trigger("stopRumble")',500);
28			  setTimeout('hideTop()',5000);
29			  return false;
30		  }		
31		 hideTop();
32		 loading('Connexion',1);		
33		 setTimeout( "unloading()", 2000 );
34		 setTimeout( "Login()", 500 );
35	});	
36
37		
38																 
39function Login(){
40	
41	$("#login").animate({   opacity: 1,top: '49%' }, 200,function(){
42		 $('.userbox').show().animate({ opacity: 1 }, 500);
43			$("#login").animate({   opacity: 0,top: '60%' }, 500,function(){
44				$(this).fadeOut(200,function(){
45				  $(".text_success").slideDown();
46				  $("#successLogin").animate({opacity: 1,height: "200px"},500);   			     
47				});							  
48			 })	
49     })	
50			setTimeout( 'document.forms["formLogin"].submit();', 500 );
51}
52
53
54	
55$('#alertMessage').click(function(){
56	hideTop();
57});
58
59function showError(str){
60	$('#alertMessage').addClass('error').html(str).stop(true,true).show().animate({ opacity: 1,right: '10'}, 500);	
61	
62}
63
64function showSuccess(str){
65	$('#alertMessage').removeClass('error').html(str).stop(true,true).show().animate({ opacity: 1,right: '10'}, 500);	
66}
67
68function hideTop(){
69	$('#alertMessage').animate({ opacity: 0,right: '-20'}, 500,function(){ $(this).hide(); });	
70}	
71function loading(name,overlay) {  
72	  $('body').append('<div id="overlay"></div><div id="preloader">'+name+'..</div>');
73			  if(overlay==1){
74				$('#overlay').css('opacity',0.1).fadeIn(function(){  $('#preloader').fadeIn();	});
75				return  false;
76		 }
77	  $('#preloader').fadeIn();	  
78 }
79 function unloading() {  
80		$('#preloader').fadeOut('fast',function(){ $('#overlay').fadeOut(); });
81 }