DHTML/JS-Frage

[hanebu]

Hallo,

ich habe hier das nette Schäublein in die Seite einschweben sehen, und hätte ähnliches gerne auch auf meinem Blog eingebaut.

Mir gehts nur um die Grafik, die in die Seite einschwebt, und ausschwebt etc., nicht um die Musik und den Player.

http://www.ranking-hits.de/

Gibt es für sowas bereits ein kostenloses Scriptlein, oder einen Codeschnipsel?

Wenn ja, wo, und ggf. viellt. ja auch einen "Editor" für solcherlei Spezereien?

Vielen Dank,
Tommy

[Rinaldo]

Zitat von hanebu

Gibt es für sowas bereits ein kostenloses Scriptlein, oder einen Codeschnipsel?

Der Quellcode zeigt es ja: http://www.ranking-hits.de/watching.js .

[hanebu]

Danke :-)

Manchmal hat man eben Tomaten auf den Augen...
Habs in eine Testdatei eingebaut, es funzt bestens.

Allerdings fehlt mir noch eine Option es abschalten zu können. Es soll in ein Blog/Forum rein, und Schäuble nervt auf Dauer doch erheblich *ggg*.

Wie kann man das Script denn so umstricken, daß zb. bei einem Klick auf den Schäuble ein 2. Bild geladen wird, und danach das Script abgebrochen wird? (idealerweise nur temporär, also dass es nach einer im Code einstellbaren Zeit x (z.B. 15 Minuten) wieder anspringt bis zum nächsten "Abschuss"^^)

/**********************************
 * Watching Script v1.1           *
 *  by KnoedelDealer   2007/05/01 *
 *                                *
 *  no copyright, free usage      *
 **********************************/


var h = -150;
var h2 = 1;
var l = 100;
var ie = (navigator.appName.indexOf('Internet Explorer') > -1) ? true : false;

function watching() {
   var body = document.getElementsByTagName('body')[0];
   l = (body.offsetWidth - 140) * Math.random();
   var img = document.createElement('img');
   img.id = 'imgWatching';
   img.src = 'head.gif';
   img.title = 'i\'m watching you!';
   img.style.display = 'none';
   body.appendChild(img);
   if (ie) {
      img.style.position = 'absolute';
   } else {
      img.style.position = 'fixed';
   }
   img.style.bottom = h + 'px';
   img.style.left = l + 'px';
   h2 = Math.random() / 3;
   window.setTimeout('moveUp();', 1000);
}

function moveUp() {
   if (document.getElementById('imgWatching')) {
      var img = document.getElementById('imgWatching');
      if (img.style.display == 'none') {
         img.style.display = 'inline';
      }
      if (h < (0 - img.height * h2)) {
         h = h + 10;
         img.style.bottom = h + 'px';
         window.setTimeout('moveUp();', 50);
      } else {
         window.setTimeout('moveDown();', 1000);
      }
   }
}

function moveDown() {
   if (document.getElementById('imgWatching') && (document.getElementsByTagName('body').length > 0)) {
      var body = document.getElementsByTagName('body')[0];
      var img = document.getElementById('imgWatching');
      if (h > (0 - img.height)) {
         h = h - 10;
         img.style.bottom = h + 'px';
         window.setTimeout('moveDown();', 50);
      } else {
         img.style.display = 'none';
         l = (body.offsetWidth - 140) * Math.random();
         img.style.left = l + 'px';
         h2 = Math.random() / 3;
         window.setTimeout('moveUp();', 5000 * Math.random());
      }
   }
}

window.onload = watching;