Fadenkreuz

 

Autor: jason theis
keine gültige Adresse bekannt

IE 4

IE 5

IE 6

NN 4

NN 6

OP 5

Quellcode: (die Teile, die von dir angepasst werden müssen wenn du das Script nachbauen willst, sind farbig dargestellt)

<HTML>
<HEAD>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<STYLE>#waagerecht {
FONT-SIZE: 1px; Z-INDEX: 100; LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 1px; BACKGROUND-COLOR: blue; layer-background-color: blue; margin: 0px
}
#senkrecht {
FONT-SIZE: 1px; Z-INDEX: 100; LEFT: 0px; WIDTH: 1px; POSITION: absolute; TOP: 0px; HEIGHT: 100%; BACKGROUND-COLOR: blue; layer-background-color: blue
}
</STYLE>
<SCRIPT language=JavaScript1.2>
<!--
function followmouse1(){
//move cross engine for IE 4+
waagerecht.style.pixelTop=document.body.scrollTop+event.clientY+1
senkrecht.style.pixelTop=document.body.scrollTop
if (event.clientX<document.body.clientWidth)
senkrecht.style.pixelLeft=document.body.scrollLeft+event.clientX+1
else
senkrecht.style.pixelLeft=document.body.clientWidth-2
}
function followmouse2(e){
//move cross engine for NS 4+
document.waagerecht.top=e.y+1
document.senkrecht.top=pageYOffset
document.senkrecht.left=e.x+1
}
//-->
</SCRIPT>
<title>
Seitentitel</title>
</HEAD>
<BODY leftmargin="0">
<DIV id=waagerecht></DIV>
<DIV id=senkrecht></DIV>

<SCRIPT language=JavaScript1.2>
<!--
if (document.all&&!window.print){
waagerecht .style.width=document.body.clientWidth-2
senkrecht.style.height=document.body.clientHeight-2
}
else if (document.layers){
document.waagerecht.clip.width=window.innerWidth
document.waagerecht.clip.height=1
document.senkrecht.clip.width=1
document.senkrecht.clip.height=window.innerHeight
}
if (document.all)
document.onmousemove=followmouse1
else if (document.layers){
window.captureEvents(Event.MOUSEMOVE)
window.onmousemove=followmouse2
}
function regenerate(){
window.location.reload()
}
function regenerate2(){
setTimeout("window.onresize=regenerate",400)
}
if ((document.all&&!window.print)||document.layers)
//if the user is using IE 4 or NS 4, both NOT IE 5+
window.onload=regenerate2
//-->
</SCRIPT>
Hier kommt dein Seiteninhalt hin.
</BODY>
</HTML>

Der eigentliche Seiteninhalt sollte mit blinden Tabellen oder mit Universalattributen zusätzlich formatiert werden, weil die Seite keinen Rand hat. Ein  Seitenrand würde das Fadenkreuz verkleinern.

In Opera funktioniert das Eventobjekt nicht. Deshalb kann das Script dort nicht funktionieren.

Da es am Script nichts ein zu stellen oder zu manipulieren gibt, schreibe ich keine Erklärung. Wer sich mit JavaScript etwas auskennt kann das Script selbst analysieren, wer sich gar nicht auskennt, kann es einfach kopieren. Mit diesem Script kann es Probleme geben, wenn die Seite in einen Frameset dargestellt wird und die Scrollbars automatisch ein- und ausgeblendet werden. Bei ausgeblendeten Scrollbars geht das Fadenkreuz im IE nicht bis zum rechten Seitenrand. Der Platz für die Scrollbar bleibt frei. Bei fest ein- oder ausgeblendeten Scrollbars gibt es keine Probleme.

Solle jemand die URL der Homepage des Autors jason theis kennen, kann er sie mir mitteilen, damit ich die URL hier ergänzen kann (Ehre wem Ehre gebührt). An der Stelle wo ich das Script gefunden habe, wird in einem Kommentar die URL "http://members.tripod.com/b-lueflame" erwähnt. Diese Domain scheint es aber nicht (mehr) zu geben.


Um einen Link zu setzen, der direkt auf diese Seite führt, verwende folgende Url: