JavaScript: <div> der Maus folgen lassen: Anfängerfrage - #24755 (HTML, CSS und Javascript)

Matze

2006-04-01 13:53

User since
2005-08-29
222 articles
BenutzerIn

Hallo!

Ich habe mich ein wenig im Internet über JavaScript informiert und hab mal versucht ein <div>-Tag der Maus folgen zulassen.

Es ist im Moment nur für IE 5+.

Jetzt gibt es allerdings ein Problem:
Wenn ich den <div>-Tag nicht im HTML Dokument sondern im JavaScript mit document.write() schreibe dann funktioniert das mit dem Maus folgen nicht mehr.

Hier das HTML-Dokument:

Code: (dl )

<html>
 <head>
  <title>Meine eigenen Info Boxen</title>
  <script type="text/javascript" src="info.js"></script>
 </head>
 <body bgcolor="#bbddbb"
       onLoad='InfoText("Hallo du sonnige Welt!");'
       onMouseMove="MouseMove(event);">
 </body>
</html>

Und info.js:

Code: (dl )

var xplus=0,yplus=-10;
var runnerobject;

function MouseAction(mausx,mausy) {
  runnerobject.left=mausx+xplus;
  runnerobject.top=mausy+yplus;
}

function MouseMove(event) {
  var mausx,mausy;

  if (typeof(event) != "object") {
    return;
  }

  mausx=event.clientX;
  mausy=event.clientY;

  if (document.body.scrollLeft) {
    mausx += document.body.scrollLeft;
  }
  if (document.body.scrollTop) {
    mausy += document.body.scrollTop;
  }

  MouseAction(mausx,mausy);
}

function MouseInit() {
  window.onmousemove = MouseMove;
  runnerobject = document.all.runner.style;
}

function InfoText(text) {
  document.write("<div id='runner' style='position:absolute;top:;left:;background:#ff99cc;margin:10pt;padding:10pt;'>"+
  "<span'>"+text+"</span></div>");

  MouseInit();
}

Ich hoffe auf eure Hilfe!

MfG. Matze

Mit freundlichen Grüßen: Matze