MediaWiki:Spaghetti.js

Aus C3D2
Zur Navigation springen Zur Suche springen

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

  • Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
  • Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
  • Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
  • Opera: Strg+F5
// fading

var fade = 0;
var fadeDelay = 5;
var fadeStep = 1;
var fadeObjects = new Array();

function fadeIn(n) {
  el = fadeObjects[n];
  fade += fadeStep;
  el.style.opacity = fade/100;
  if (fade < 100)
    window.setTimeout("fadeIn(" + n + ")", fadeDelay);
  else
    window.setTimeout("fadeOut(" + n + ")", fadeDelay);
}

function fadeOut(n) {
  el = fadeObjects[n];
  fade -= fadeStep;
  el.style.opacity = fade/100;
  if (fade > 0)
    window.setTimeout("fadeOut(" + n + ")", fadeDelay);
  else
    window.setTimeout("fadeIn(" + n + ")", fadeDelay);
}

function fadeInit() {
  for (var i = 0; i < fadeObjects.length; i++) {
    fadeIn(i);
  }
}

{{ScriptInclude|
ScriptURI=http://benkstein.net/tmp/colorrotate.js
}}

function spaghetti() {
  var blinks = document.getElementsByTagName('blink');

  for (var i = 0; i < blinks.length; i++) {
    var b = blinks[i];
    var s = document.createElement("span");
    s.innerHTML = b.innerHTML;
    b.parentNode.replaceChild(s, b);
    fadeObjects.push(s);
  }  

  var divs = document.getElementsByTagName('div')
  for (var div in divs) {
    rotateObjects.push(div);
  }

  window.setTimeout("fadeInit()", 1000);
  window.setTimeout("rotationInit()", 1000);
}