MediaWiki:Monobook.js/Halloween.js: Unterschied zwischen den Versionen

K (test)
Keine Bearbeitungszusammenfassung
 
Zeile 1: Zeile 1:
<!-- präsentiert von kostenlose-javascripts.de -->
/*
var no = 18; // Anzahl der Schneeflocken
<pre>
var speed = 25; // Geschwindigkeit -> je kleiner die Zahl, desto schneller
*/
var snowflake = "http://cdn1.iconfinder.com/data/icons/yooicons_set09_halloween/24/ninja_ghost.png";


var dx, xp, yp;   // coordinate and position variables
/******************************************
var am, stx, sty; // amplitude and step variables
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
var i, doc_width, doc_height;
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
doc_width = document.body.clientWidth;
* Last updated Nov 9th, 05' by DD. This notice must stay intact for use
doc_height = 1100;  
******************************************/
 
//Configure below to change URL path to the snow image
var snowsrc=new Array(8)
snowsrc[0]="http://cdn1.iconfinder.com/data/icons/yooicons_set09_halloween/32/ninja_ghost.png";
snowsrc[1]="http://cdn1.iconfinder.com/data/icons/yooicons_set09_halloween/32/geek_zombie.png";
snowsrc[2]="http://cdn1.iconfinder.com/data/icons/yooicons_set09_halloween/32/cheshire_cat.png";
snowsrc[3]="http://cdn1.iconfinder.com/data/icons/hallowen_linux/32/Witch_Hat.png";
snowsrc[4]="http://cdn1.iconfinder.com/data/icons/IconsLandVistaHalloween/PNG/32x32/Pirate.png";
snowsrc[5]="http://cdn1.iconfinder.com/data/icons/yooicons_set09_halloween/32/pumpkin.png";
snowsrc[6]="http://cdn1.iconfinder.com/data/icons/IconsLandVistaHalloween/PNG/32x32/Shock.png";
snowsrc[7]="http://cdn1.iconfinder.com/data/icons/IconsLandVistaHalloween/PNG/32x32/Cool.png";
// Configure below to change number of snow to render
var no = 10;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = 0;
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = (wgPageName == "Main_Page/editcopy")?"windowheight":"pageheight";
 
// Ensures variables are declared but undefined, unless user sets them in their .js
var noSnow;
var userSnowNum;
 
///////////Stop Config//////////////////////////////////
 
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
 
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
 
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
 
if (ns6up) {
doc_width = self.innerWidth - 40;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth - 40;
doc_height = iecompattest().clientHeight;
}


dx = new Array();
dx = new Array();
Zeile 16: Zeile 57:
stx = new Array();
stx = new Array();
sty = new Array();
sty = new Array();
id = new Array();
for (i = 0; i < no; ++ i) {
for (i = 0; i < no; ++ i) {
dx[i] = 0;                       // set coordinate variables
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;         // set amplitude variables
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random();     // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (i == 0) {
id[i] = Math.floor(Math.random()*8); // set image id
document.write("<div id=\"schneedot"+ i +"\" style=\"position: ");
if (ie4up||ns6up) {
document.write("absolute; z-index: "+ i +"; visibility: ");
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i+20 +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc[id[i]]+"' width=\"30px\" height=\"30px\" border=\"0\"><\/div>");
document.write("visible; top: 15px; left: 15px;\"><img src=\"");
}
document.write(snowflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"schneedot"+ i +"\" style=\"position: ");
document.write("absolute; z-index: "+ i +"; visibility: ");
document.write("visible; top: 15px; left: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
  }
}
}
function snowIE() { // IE main animation function
 
for (i = 0; i < no; ++ i) { // iterate for every dot
function snowIE_NS6() { // IE and NS6 main animation function
  if (typeof(noSnow) != "undefined" && noSnow > 0) {
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
  }
  else {
if (typeof(userSnowNum) != "undefined" && userSnowNum < no) {
for (i=userSnowNum; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden";
no = userSnowNum;
}
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
if (yp[i] > doc_height-50) {
Zeile 43: Zeile 89:
stx[i] = 0.02 + Math.random()/10;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
sty[i] = 0.7 + Math.random();
id[i] = Math.floor(Math.random()*8);
}
}
dx[i] += stx[i];
dx[i] += stx[i];
document.getElementById("schneedot"+i).style.top = yp[i] + "px";
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("schneedot"+i).style.left = (xp[i] + am[i]*Math.sin(dx[i])+ "px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
}
setTimeout("snowIE()", speed);
snowtimer=setTimeout("snowIE_NS6()", 10);
  }
}
 
function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}
 
if (ie4up||ns6up){
addOnloadHook(snowIE_NS6());
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}
}
/******************************************
* End Snow Effect Script
******************************************/
/*
</pre>
*/

Aktuelle Version vom 27. Oktober 2012, 19:46 Uhr

/*
<pre>
*/

/******************************************
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Last updated Nov 9th, 05' by DD. This notice must stay intact for use
******************************************/

//Configure below to change URL path to the snow image
var snowsrc=new Array(8)
snowsrc[0]="http://cdn1.iconfinder.com/data/icons/yooicons_set09_halloween/32/ninja_ghost.png";
snowsrc[1]="http://cdn1.iconfinder.com/data/icons/yooicons_set09_halloween/32/geek_zombie.png";
snowsrc[2]="http://cdn1.iconfinder.com/data/icons/yooicons_set09_halloween/32/cheshire_cat.png";
snowsrc[3]="http://cdn1.iconfinder.com/data/icons/hallowen_linux/32/Witch_Hat.png";
snowsrc[4]="http://cdn1.iconfinder.com/data/icons/IconsLandVistaHalloween/PNG/32x32/Pirate.png";
snowsrc[5]="http://cdn1.iconfinder.com/data/icons/yooicons_set09_halloween/32/pumpkin.png";
snowsrc[6]="http://cdn1.iconfinder.com/data/icons/IconsLandVistaHalloween/PNG/32x32/Shock.png";
snowsrc[7]="http://cdn1.iconfinder.com/data/icons/IconsLandVistaHalloween/PNG/32x32/Cool.png";
// Configure below to change number of snow to render
var no = 10;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = 0;
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = (wgPageName == "Main_Page/editcopy")?"windowheight":"pageheight";

// Ensures variables are declared but undefined, unless user sets them in their .js
var noSnow;
var userSnowNum;

///////////Stop Config//////////////////////////////////

var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest(){
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;

if (ns6up) {
	doc_width = self.innerWidth - 40;
	doc_height = self.innerHeight;
} else if (ie4up) {
	doc_width = iecompattest().clientWidth - 40;
	doc_height = iecompattest().clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
id = new Array();
for (i = 0; i < no; ++ i) {
	dx[i] = 0; // set coordinate variables
	xp[i] = Math.random()*(doc_width-50); // set position variables
	yp[i] = Math.random()*doc_height;
	am[i] = Math.random()*20; // set amplitude variables
	stx[i] = 0.02 + Math.random()/10; // set step variables
	sty[i] = 0.7 + Math.random(); // set step variables
	id[i] = Math.floor(Math.random()*8); // set image id
	if (ie4up||ns6up) {
		document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i+20 +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc[id[i]]+"' width=\"30px\" height=\"30px\" border=\"0\"><\/div>");
	}
}

function snowIE_NS6() { // IE and NS6 main animation function
  if (typeof(noSnow) != "undefined" && noSnow > 0) {
	for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
  }
  else {
	if (typeof(userSnowNum) != "undefined" && userSnowNum < no) {
		for (i=userSnowNum; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden";
		no = userSnowNum;
	}
	doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
	doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
	for (i = 0; i < no; ++ i) { // iterate for every dot
		yp[i] += sty[i];
		if (yp[i] > doc_height-50) {
			xp[i] = Math.random()*(doc_width-am[i]-30);
			yp[i] = 0;
			stx[i] = 0.02 + Math.random()/10;
			sty[i] = 0.7 + Math.random();
			id[i] = Math.floor(Math.random()*8);
		}
		dx[i] += stx[i];
		document.getElementById("dot"+i).style.top=yp[i]+"px";
		document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
	}
	snowtimer=setTimeout("snowIE_NS6()", 10);
  }
}

function hidesnow(){
	if (window.snowtimer) clearTimeout(snowtimer)
	for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}

if (ie4up||ns6up){
	addOnloadHook(snowIE_NS6());
	if (hidesnowtime>0)
		setTimeout("hidesnow()", hidesnowtime*1000)
}
/******************************************
* End Snow Effect Script
******************************************/
/*
</pre>
*/