// JavaScript neige.js
// Ce script simule une tempête de neige sur la page web
// - Ligne à intégrer entre les balises et :
// - Les images de flocons doivent se trouver dans le même répertoire que le script
// et s'appeler neige_.png ou .gif selon la valeur de usePNG
var snowStorm=null;
function SnowStorm()
{
var flakesMax=120;
var flakesMaxActive=120;
var vMaxX=2.5;
var vMaxY=2.5;
var usePNG=true;
var flakeBottom=null;
var snowStick=false;
var snowCollect=false;
var targetElement=null;
var followMouse=true;
var flakeTypes=5;
var flakeWidth=22;
var flakeHeight=flakeWidth;
// Les images de flocons doivent s'appeler neige_.png
var imagePath='./javascript/neige_';
var zIndex=0;
var flakeLeftOffset=0;
var flakeRightOffset=0;
var addEvent=function(o,evtName,evtHandler)
{
typeof(attachEvent)=='undefined'?o.addEventListener(evtName,evtHandler,false):o.attachEvent('on'+evtName,evtHandler);
}
var removeEvent=function(o,evtName,evtHandler)
{
typeof(attachEvent)=='undefined'?o.removeEventListener(evtName,evtHandler,false):o.detachEvent('on'+evtName,evtHandler);
}
var classContains=function(o,cStr)
{
return(typeof(o.className)!='undefined'?o.className.indexOf(cStr)+1:false);
}
var s=this;
var storm=this;
this.timers=[];
this.flakes=[];
// Si cette variable vaut true, rien ne s'affiche
this.disabled=true;
this.terrain=[];
this.active=false;
var isIE=navigator.userAgent.match(/msie/i);
var isIE6=navigator.userAgent.match(/msie 6/i);
var isOldIE=(isIE&&(isIE6||navigator.userAgent.match(/msie 5/i)));
var isWin9X=navigator.appVersion.match(/windows 98/i);
var isiPhone=navigator.userAgent.match(/iphone/i);
var isOpera=navigator.userAgent.match(/opera/i);
if(isOpera)isIE=false;
var screenX=null;
var screenX2=null;
var screenY=null;
var scrollY=null;
var vRndX=null;
var vRndY=null;
var windOffset=1;
var windMultiplier=2;
var pngSupported=(!isIE||(isIE&&!isIE6&&!isOldIE));
var docFrag=document.createDocumentFragment();this.oControl=null;
if(flakeLeftOffset==null)flakeLeftOffset=0;
if(flakeRightOffset==null)flakeRightOffset=0;
function rnd(n,min)
{
if(isNaN(min))min=0;return(Math.random()*n)+min;
}
this.randomizeWind=function()
{
vRndX=plusMinus(rnd(vMaxX,0.2));
vRndY=rnd(vMaxY,0.2);
if(this.flakes){
for(var i=0;i=0&&s.vX<0.2)
{
s.vX=0.2;
}
else if(s.vX<0&&s.vX>-0.2)
{
s.vX=-0.2;
}
if(s.vY>=0&&s.vY<0.2)
{
s.vY=0.2;
}
}
this.move=function()
{
s.x+=s.vX*windOffset;
s.y+=(s.vY*s.vAmp);
s.refresh();
if(s.vX&&screenX-s.xflakesMaxActive)s.flakes[s.flakes.length-1].active=-1;
}
targetElement.appendChild(docFrag);
}
this.timerInit=function()
{
s.timers=(!isWin9X?[setInterval(s.snow,20)]:[setInterval(s.snow,75),setInterval(s.snow,25)]);
}
this.init=function()
{
for(var i=0;i<2048;i++)
{
s.terrain[i]=0;
}
s.randomizeWind();
s.createSnow(snowCollect?flakesMaxActive:flakesMaxActive*2);
addEvent(window,'resize',s.resizeHandler);
addEvent(window,'scroll',s.scrollHandler);
if(!isIE)
{
addEvent(window,'blur',s.freeze);
addEvent(window,'focus',s.resume);
}
s.resizeHandler();
s.scrollHandler();
if(followMouse)
{
addEvent(document,'mousemove',s.mouseMove);
}
s.timerInit();
}
var didInit=false;
this.start=function(bFromOnLoad)
{
if(!didInit)
{
didInit=true;
}
else if(bFromOnLoad)
{
return true;
}
if(typeof targetElement=='string')
{
targetElement=document.getElementById(targetElement);
if(!targetElement)throw new Error('Snowstorm: Unable to get targetElement');
}
if(!targetElement)
{
targetElement=(!isIE?(document.documentElement?document.documentElement:document.body):document.body);
}
if(targetElement!=document.documentElement&&targetElement!=document.body)s.resizeHandler=s.resizeHandlerAlt;
s.resizeHandler();
if(screenX&&screenY&&!s.disabled)
{
s.init();
s.active=true;
}
}
if(document.addEventListener)
{
document.addEventListener('DOMContentLoaded',function(){s.start(true)},false);
window.addEventListener('load',function(){s.start(true)},false);
}
else{
addEvent(window,'load',function(){s.start(true)});
}
}
snowStorm=new SnowStorm();