phpBB.de

Code: Alles auswählen

<SCRIPT LANGUAGE="JavaScript" SRC="snow.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
function snow()
{
Falling(20,"<IMG SRC='images/snow.gif'>");
}
</SCRIPT>

Code: Alles auswählen

<SCRIPT LANGUAGE="JavaScript">
/*** 
 * <START> 
 * Snow Fall Reloaded by Darezettl (Thomas Zettl) // darezettl@darezettl.de 
 * http://darezettl.de 
 * .:: A Hack by CyberDARE Systems ::. 
 **/ 
var ns4 = (navigator.appName.indexOf("Netscape") != -1 && !document.getElementById); 
if(!window.JSFX) 
   JSFX=new Object(); 
JSFX.layerNo=0; 
JSFX.createLayer = function(htmlStr, parent) 
{ 
   var elem = null; 
    if(document.layers) 
   { 
      var xName="xLayer" + JSFX.layerNo++; 
      if(parent == null) 
         elem=new Layer(2000); 
      else 
         elem=new Layer(2000, parent.elem); 
      elem.document.open(); 
      elem.document.write(htmlStr); 
      elem.document.close(); 
      elem.moveTo(0,0); 
      elem.innerHTML = htmlStr; 
   } 
   else 
   if(document.all) 
   { 
      if(parent == null) 
         parent=document.body; 
      else 
         parent=parent.elem; 

      var xName = "xLayer" + JSFX.layerNo++; 
      var txt = '<DIV ID="' + xName + '"' 
         + ' STYLE="position:absolute;left:0;top:0;visibility:hidden">' 
         + htmlStr 
         + '</DIV>'; 
         parent.insertAdjacentHTML("BeforeEnd",txt); 
      elem = document.all[xName]; 
   } 
   else 
   if (document.getElementById) 
   { 
      if(parent == null) 
         parent=document.body; 
      else 
         parent=parent.elem; 
      var xName="xLayer" + JSFX.layerNo++; 
      var txt = "" 
         + "position:absolute;left:0px;top:0px;visibility:hidden"; 
      var newRange = document.createRange(); 
      elem = document.createElement("DIV"); 
      elem.setAttribute("style",txt); 
      elem.setAttribute("id", xName); 
      parent.appendChild(elem); 
      newRange.setStartBefore(elem); 
      strFrag = newRange.createContextualFragment(htmlStr);    
      elem.appendChild(strFrag); 
   } 
   return elem; 
} 
JSFX.Layer = function(newLayer, parent) 
{ 
   if(!newLayer) 
      return; 
   if(typeof newLayer == "string") 
      this.elem = JSFX.createLayer(newLayer, parent); 
   else 
      this.elem=newLayer; 
   if(document.layers) 
   { 
      this.images      = this.elem.document.images; 
      this.parent      = parent; 
      this.style      = this.elem; 
      if(parent != null) 
         this.style.visibility = "inherit"; 
    } 
   else 
   { 
      this.images  = document.images; 
      this.parent    = parent; 
      this.style   = this.elem.style; 
   } 
   window[this.elem.id]=this; 
} 
JSFX.findLayer = function(theDiv, d) 
{ 
   if(document.layers) 
   { 
      var i; 
      if(d==null) d = document; 
      var theLayer = d.layers[theDiv]; 
      if(theLayer != null) 
         return(theLayer); 
      else 
         for(i=0 ; i<d.layers.length ; i++) 
         { 
            theLayer = JSFX.findLayer(theDiv, d.layers[i].document); 
            if(theLayer != null) 
               return(theLayer); 
         } 
      return("Undefined...."); 
   } 
   else 
   if(document.all) 
      return(document.all[theDiv]); 
   else 
   if(document.getElementById) 
      return(document.getElementById(theDiv)); 
   else 
      return("Undefined....."); 
} 
JSFX.Layer.prototype.moveTo = function(x,y) 
{ 
   this.style.left = x+"px"; 
   this.style.top = y+"px"; 
} 
if(ns4) 
   JSFX.Layer.prototype.moveTo = function(x,y) { this.elem.moveTo(x,y); } 
JSFX.Layer.prototype.show      = function()    { this.style.visibility = "visible"; } 
JSFX.Layer.prototype.hide      = function()    { this.style.visibility = "hidden"; } 
JSFX.Layer.prototype.isVisible   = function()   { return this.style.visibility == "visible"; } 
if(ns4) 
{ 
   JSFX.Layer.prototype.show      = function()    { this.style.visibility = "show"; } 
   JSFX.Layer.prototype.hide       = function()    { this.style.visibility = "hide"; } 
   JSFX.Layer.prototype.isVisible    = function()    { return this.style.visibility == "show"; } 
} 
JSFX.Layer.prototype.setzIndex   = function(z)   { this.style.zIndex = z; } 
JSFX.Layer.prototype.getzIndex   = function()   { return this.style.zIndex; } 
JSFX.Layer.prototype.setColor   = function(c){this.style.color=c;} 
if(ns4) 
   JSFX.Layer.prototype.setColor   = function(c) 
   { 
      this.elem.document.write("<FONT COLOR='"+c+"'>"+this.elem.innerHTML+"</FONT>"); 
      this.elem.document.close(); 
   } 
JSFX.Layer.prototype.setBgColor   = function(color) { this.style.backgroundColor = color==null?'transparent':color; } 


if(ns4) 
   JSFX.Layer.prototype.setBgColor    = function(color) { this.elem.bgColor = color; } 
JSFX.Layer.prototype.setBgImage   = function(image) { this.style.backgroundImage = "url("+image+")"; } 
if(ns4) 
   JSFX.Layer.prototype.setBgImage    = function(image) { this.style.background.src = image; } 
JSFX.Layer.prototype.setContent   = function(xHtml)   { this.elem.innerHTML=xHtml; } 
if(ns4) 
   JSFX.Layer.prototype.setContent   = function(xHtml) 
   { 
      this.elem.document.write(xHtml); 
      this.elem.document.close(); 
      this.elem.innerHTML = xHtml; 
   } 
JSFX.Layer.prototype.clip = function(x1,y1, x2,y2){ this.style.clip="rect("+y1+" "+x2+" "+y2+" "+x1+")"; } 
if(ns4) 
   JSFX.Layer.prototype.clip = function(x1,y1, x2,y2) 
   { 
      this.style.clip.top   =y1; 
      this.style.clip.left   =x1; 
      this.style.clip.bottom   =y2; 
      this.style.clip.right   =x2; 
   } 
JSFX.Layer.prototype.resizeTo = function(w,h) 
{ 
   this.style.width   =w + "px"; 
   this.style.height   =h + "px"; 
} 
if(ns4) 
   JSFX.Layer.prototype.resizeTo = function(w,h) 
   { 
      this.style.clip.width   =w; 
      this.style.clip.height   =h; 
   } 
JSFX.Layer.prototype.getX   = function()    { return parseInt(this.style.left); } 
JSFX.Layer.prototype.getY   = function()    { return parseInt(this.style.top); } 
if(ns4) 
{ 
   JSFX.Layer.prototype.getX   = function()    { return this.style.left; } 
   JSFX.Layer.prototype.getY   = function()    { return this.style.top; } 
} 
JSFX.Layer.prototype.getWidth      = function()    { return this.elem.offsetWidth; } 
JSFX.Layer.prototype.getHeight   = function()    { return this.elem.offsetHeight; } 
if(!document.getElementById) 
   JSFX.Layer.prototype.getWidth      = function() 


    { 
      return this.elem.scrollWidth; 
   } 
if(ns4) 
{ 
   JSFX.Layer.prototype.getWidth      = function()    { return this.style.clip.right; } 
   JSFX.Layer.prototype.getHeight   = function()    { return this.style.clip.bottom; } 
} 
if(ns4) 
{ 
   JSFX.Layer.prototype.setOpacity = function(pc) {return 0;} 
} 
else if(document.all) 
{ 
   JSFX.Layer.prototype.setOpacity = function(pc) 
   { 
      if(this.style.filter=="") 
         this.style.filter="alpha(opacity=100);"; 
      this.elem.filters.alpha.opacity=pc; 
   } 
} 
else 
{ 
   JSFX.Layer.prototype.setOpacity = function(pc){   this.style.MozOpacity=pc+'%' } 
} 
if(ns4) 
{ 
   JSFX.eventmasks = { 
         onabort:Event.ABORT, onblur:Event.BLUR, onchange:Event.CHANGE, 
         onclick:Event.CLICK, ondblclick:Event.DBLCLICK, 
         ondragdrop:Event.DRAGDROP, onerror:Event.ERROR, 
         onfocus:Event.FOCUS, onkeydown:Event.KEYDOWN, 
         onkeypress:Event.KEYPRESS, onkeyup:Event.KEYUP, onload:Event.LOAD, 
         onmousedown:Event.MOUSEDOWN, onmousemove:Event.MOUSEMOVE, 
         onmouseout:Event.MOUSEOUT, onmouseover:Event.MOUSEOVER, 
         onmouseup:Event.MOUSEUP, onmove:Event.MOVE, onreset:Event.RESET, 
         onresize:Event.RESIZE, onselect:Event.SELECT, onsubmit:Event.SUBMIT, 
         onunload:Event.UNLOAD 
   }; 
   JSFX.Layer.prototype.addEventHandler = function(eventname, handler) 
   { 
          this.elem.captureEvents(JSFX.eventmasks[eventname]); 
          var xl = this; 
         this.elem[eventname] = function(event) { 
      event.clientX   = event.pageX; 
      event.clientY   = event.pageY; 
      event.button   = event.which; 
      event.keyCode   = event.which; 
      event.altKey   =((event.modifiers & Event.ALT_MASK) != 0); 
      event.ctrlKey   =((event.modifiers & Event.CONTROL_MASK) != 0); 
      event.shiftKey   =((event.modifiers & Event.SHIFT_MASK) != 0); 
            return handler(xl, event); 
        } 
   } 
   JSFX.Layer.prototype.removeEventHandler = function(eventName) 
   { 
      this.elem.releaseEvents(JSFX.eventmasks[eventName]); 
      delete this.elem[eventName]; 
   } 
} 
Else 
if(document.all) 
{ 
   JSFX.Layer.prototype.addEventHandler = function(eventName, handler) 
   { 
      var xl = this; 
      this.elem[eventName] = function() 
      { 
               var e = window.event; 
               e.cancelBubble = true; 
         if(document.getElementById) 
         { 
            e.layerX = e.offsetX; 
            e.layerY = e.offsetY; 
         } 
         else 
         { 
            ev = new Object(); 
            for(i in e) 
               ev[i] = e[i]; 
            ev.layerX   = e.offsetX; 
            ev.layerY   = e.offsetY; 
            e = ev; 
         } 
               return handler(xl, e); 
      } 
   } 
   JSFX.Layer.prototype.removeEventHandler = function(eventName) 
   { 
      this.elem[eventName] = null; 
   } 
} 
Else 
{ 
   JSFX.Layer.prototype.addEventHandler = function(eventName, handler) 
   { 
      var xl = this; 
      this.elem[eventName] = function(e) 
      { 
               e.cancelBubble = true; 
               return handler(xl, e); 
      } 
   } 
   JSFX.Layer.prototype.removeEventHandler = function(eventName) 
   { 
      this.elem[eventName] = null; 
   } 
} 
JSFX.Layer.prototype.setTimeout = function(f, t) 
{ 
   setTimeout("window."+this.elem.id+"."+f, t); 
} 
if(!window.JSFX) 
   JSFX=new Object(); 
if(!JSFX.Browser) 
   JSFX.Browser = new Object(); 
if(navigator.appName.indexOf("Netscape") != -1) 
{ 
   JSFX.Browser.getCanvasWidth   = function() {return innerWidth;} 
   JSFX.Browser.getCanvasHeight   = function() {return innerHeight;} 
   JSFX.Browser.getWindowWidth    = function() {return outerWidth;} 
   JSFX.Browser.getWindowHeight   = function() {return outerHeight;} 
   JSFX.Browser.getScreenWidth    = function() {return screen.width;} 
   JSFX.Browser.getScreenHeight   = function() {return screen.height;} 
   JSFX.Browser.getMinX      = function() {return(pageXOffset);} 
   JSFX.Browser.getMinY      = function() {return(pageYOffset);} 
   JSFX.Browser.getMaxX      = function() {return(pageXOffset+innerWidth);} 
   JSFX.Browser.getMaxY      = function() {return(pageYOffset+innerHeight);} 
} 
else    if(document.all)    { 
   JSFX.Browser.getCanvasWidth   = function() {return document.body.clientWidth;} 
   JSFX.Browser.getCanvasHeight   = function() {return document.body.clientHeight;} 
   JSFX.Browser.getWindowWidth    = function() {return document.body.clientWidth;} 
   JSFX.Browser.getWindowHeight   = function() {return document.body.clientHeight;} 
   JSFX.Browser.getScreenWidth   = function() {return screen.width;} 
   JSFX.Browser.getScreenHeight   = function() {return screen.height;} 
   JSFX.Browser.getMinX      = function() {return(document.body.scrollLeft);} 
   JSFX.Browser.getMinY      = function() {return(document.body.scrollTop);} 
   JSFX.Browser.getMaxX      = function() { 
      return(document.body.scrollLeft 
         +document.body.clientWidth); 
   } 
   JSFX.Browser.getMaxY      = function() { 
         return(document.body.scrollTop 
            +document.body.clientHeight); 
   } 
} 
JSFX.FallingSprite = function(theHtml) 
{ 
   this.superC   = JSFX.Layer; 
   this.superC(theHtml); 
   this.x = Math.random() * (JSFX.Browser.getMaxX()-40); 
   this.y = -40; 
   this.dx = Math.random() * 4 - 2; 
   this.dy = Math.random() * 6 + 2; 
   this.ang = 0; 
   this.angStep = .2; 
   this.amp = 10; 
   this.state = "FALL"; 
   this.moveTo(this.x,this.y); 
   this.show(); 
} 
JSFX.FallingSprite.prototype = new JSFX.Layer; 
JSFX.FallingSprite.prototype.animate = function() 
{ 
   if(this.state == "OFF") 
      return; 
   this.x += this.dx; 
   this.y += this.dy; 
   this.ang += this.angStep; 
   this.moveTo(this.x + this.amp*Math.sin(this.ang), this.y); 
   if( (this.x > JSFX.Browser.getMaxX()-20) 
    || (this.x < JSFX.Browser.getMinX()-0) 
    || (this.y > JSFX.Browser.getMaxY()-40) ) 

   { 
      if(this.state == "STOPPING") 
      { 
         this.moveTo(-100,-100); 
         this.hide(); 
         this.state = "OFF"; 
      } 
      else 
      { 
         this.x = Math.random() * (JSFX.Browser.getMaxX()-40); 
         this.y = JSFX.Browser.getMinY()-40; 
         this.dx = Math.random() * 4 - 2; 
         this.dy = Math.random() * 6 + 2; 
         this.ang = 0; 
      } 
   } 
} 
JSFX.FallingObj = function(numSprites, theImage, stopTime) 
{ 
   this.id = "JSFX_FallingObj_"+JSFX.FallingObj.count++; 
   this.sprites = new Array(); 
   for(i=0 ; i<numSprites; i++) 
   { 
      this.sprites[i]=new JSFX.FallingSprite(theImage); 
   } 
   window[this.id]=this; 
   this.animate(); 
   if(stopTime) 
      setTimeout("window."+this.id+".stop()", stopTime*1000); 
} 
JSFX.FallingObj.count = 0; 
JSFX.FallingObj.prototype.stop = function() 
{ 
   for(i=0 ; i<this.sprites.length ; i++) 
      this.sprites[i].state = "STOPPING"; 
} 
JSFX.FallingObj.prototype.animate = function() 
{ 
   setTimeout("window."+this.id+".animate()", 40); 

   for(i=0 ; i<this.sprites.length ; i++) 
      this.sprites[i].animate(); 
} 
Falling = function(n, theImage, stopTime) 
{ 
   myFalling = new JSFX.FallingObj(n, theImage, stopTime); 
   return myFalling; 
}
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript"> 
function snow() 
{ 
Falling(20,"<IMG SRC='images/snow.gif'>"); 
}
/*** 
 * <END> 
 * Snow Fall Reloaded by Darezettl (Thomas Zettl) // darezettl@darezettl.de 
 * http://darezettl.de 
 * .:: A Hack by CyberDARE Systems ::. 
 **/
</SCRIPT>