19.04.2006, 16:21
Hallo an Alle
Ich bin neu hier und daher erstmal ein dickes Kompliment an die Macher dieses Forums, Megagute Tipps und Tricks!
Leider habe ich jedoch nicht das passende für mein Problem gefunden, an dem ich nun seit fast 2 Tagen hänge, vieleicht auch aus unwissenheit nicht, ich bin eher noch Laie was den Aufbau von Homepages betrifft. Daher bitte ich um eure Hilfe.
Ich möchte gerne einen Mausverfolger in eine Site includen und bin wie folgt vorgegangen:
Zuerst habe ich alle Gif-Bilder und die dazugehörige Javascript-Datei (flieger.js) in das HTML-Verzeichnis kopiert. Dann habe ich auf der Site, auf welcher der Mausverfolger laufen soll, im HEAD-Bereich <SCRIPT LANGUAGE="javascript1.2" SRC="flieger.js"></SCRIPT> richtig eingegeben. Leider ohne Erfolg. Der Mausverfolger ist nicht zu sehen, es tut sich gar nichts. Auch wird kein Fehler im Script der Site gemeldet.
Kann es sein das es an der vorhandenen CSS-Datei im HTML-Verzeichnis liegt, also das sich Java und CSS nicht vertragen? Denn auch alle anderen Javascripts die ich probiert habe laufen nicht. Ich habe dann alle getestet, auch den o.g. Mausverfolger, indem ich eine neue, einfache Site, entworfen habe, also rein im HTML-Format. Und da läuft alles Super.
Hier mal der Code des Mausverfolgers:
[HTML]HTML-Code:
var Ver4=parseInt(navigator.appVersion.charAt(0))>=4
var IE=navigator.appName.indexOf("Microsoft")!=-1
var al, imagesrc, ex=-32, ey=-32, x0=-32, y0=-32
function BewegeAlien()
{ // Neue Position des Alien berechnen
if (Math.abs(ex-x0)>=10) { x0+=Math.floor((ex-x0)*0.1) }
else if (ex!=x0) { x0+=Math.abs(ex-x0)/(ex-x0) }
if (Math.abs(ey-y0)>=10) { y0+=Math.floor((ey-y0)*0.1) }
else if (ey!=y0) { y0+=Math.abs(ey-y0)/(ey-y0) }
// entsprechende Grafik in Bezug zur Maus-Position waehlen
imagesrc=""
if ( (ex<x0) && ( (x0-ex) > Math.abs(y0-ey)/2 ) )
{ imagesrc="flieger_l.gif"
if ( (x0-ex) < Math.abs(y0-ey)*2 )
{ if (ey<y0) imagesrc="flieger_lo.gif"
if (ey>y0) imagesrc="flieger_lu.gif"
}
}
if ( (ex>x0) && ( (ex-x0) > Math.abs(y0-ey)/2) )
{ imagesrc="flieger_r.gif"
if ( (ex-x0) < Math.abs(y0-ey)*2 )
{ if (ey<y0) imagesrc="flieger_ro.gif"
if (ey>y0) imagesrc="flieger_ru.gif"
}
}
if (imagesrc=="")
{ if (ey<y0) imagesrc="flieger_o.gif"
if (ey>y0) imagesrc="flieger_u.gif"
if ((ex==x0)&&(ey==y0)) imagesrc="flieger.gif"
}
// Grafik und Position setzen
if (Ver4)
{ if (!IE)
{ document.AlienLayer.document.images.alien.src=imagesrc }
else document.all.AlienLayer.document.images.alien.src=imagesrc
}
al.left=x0-32
al.top=y0
setTimeout("BewegeAlien();",100)
}
function MeinMausEvent(e)
{ // Position des Maus-Cursors ermitteln
if (Ver4)
{ if (!IE)
{ ex=e.pageX
ey=e.pageY }
else
{ ex=event.clientX + document.body.scrollLeft
ey=event.clientY + document.body.scrollTop }
}
}
function ScriptSetup()
{ // Alle Alien-Grafiken laden
isIm = (document.images) ? 1 : 0
if (isIm)
{ arImLoad = new Array
('flieger','flieger_u','flieger_o','flieger_l','flieger_r',
'flieger_lu','flieger_lo','flieger_ru','flieger_ro')
arImList = new Array ()
for (counter in arImLoad)
{ arImList[counter] = new Image()
arImList[counter].src = arImLoad[counter] + '.gif'
}
}
// Globale Variablen setzen und Maus-Event initialisieren
if (Ver4)
{ if (!IE)
{ al=document.AlienLayer
document.captureEvents(Event.MOUSEMOVE)
}
else
{ al=document.all.AlienLayer.style }
document.onmousemove = MeinMausEvent
BewegeAlien()
}
}
function Copyright()
{ window.focus()
alert("Hallihallo!") }
function ZeigeAlien()
{ // Setzen der Block-Level Container zur Anzeige der Grafiken
if(Ver4)
{ s ='<DIV STYLE="visibility:hidden"></DIV>'
s+='<DIV ID="AlienLayer" STYLE="position:absolute; '
s+='top:-32; left:-32; width:32; height:32">'
s+='<A HREF="javascript:Copyright();">'
s+='<IMG NAME="alien" SRC="flieger.gif" border=0>'
s+='</A></DIV>'
document.writeln(s)
}
}
window.onload = ScriptSetup
ZeigeAlien()[/HTML]
Und hier der Code der Site in welcher der Mausverfolger laufen soll:
[HTML]HTML-Code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="expires" content="15 days">
<meta name="revisit" content="after 20 days">
<meta name="keywords" content="homepage,webseite,page,internet,seite,webdokument,homepage webseite page internet seite webdokument ">
<meta name="description" content="homepage, webseite, page, internet seite webdokument ">
<title>Fliegerlounge</title>
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=3)">
<meta http-equiv="Page-Exit" content="revealTrans(Duration=1.0,Transition=2)">
<script>
<!--
function BlurLinks(){
lnks=document.getElementsByTagName('a');
for(i=0;i<lnks.length;i++){
lnks[i].onfocus=new Function("if(this.blur)this.blur()");
}
}
onload=BlurLinks;
-->
</script>
<link rel="stylesheet" href="format.css" type="text/css">
<base target="_self">
</head>
<body text="#ffffff" topmargin="0" marginheight="0" leftmargin="0" marginwidth="0" background="images/cloudback.jpg" style="background-attachment: fixed">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="20"> </td>
<td><br>
<b><font face="Verdana" color="#FF0000"> Ralfs
Fliegerlounge</font></b><br>
<br>
<br>
<p><br>
</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><br>
<br>
</p>
</td>
<td width="30"> </td>
</tr>
</table>
</body>
</html>[/HTML]
Vieleicht kann mir jemand von euch sagen was ich falsch mache. Für jede Hilfe bin ich sehr dankbar.
Mfg. Taggy
Ich bin neu hier und daher erstmal ein dickes Kompliment an die Macher dieses Forums, Megagute Tipps und Tricks!
Leider habe ich jedoch nicht das passende für mein Problem gefunden, an dem ich nun seit fast 2 Tagen hänge, vieleicht auch aus unwissenheit nicht, ich bin eher noch Laie was den Aufbau von Homepages betrifft. Daher bitte ich um eure Hilfe.
Ich möchte gerne einen Mausverfolger in eine Site includen und bin wie folgt vorgegangen:
Zuerst habe ich alle Gif-Bilder und die dazugehörige Javascript-Datei (flieger.js) in das HTML-Verzeichnis kopiert. Dann habe ich auf der Site, auf welcher der Mausverfolger laufen soll, im HEAD-Bereich <SCRIPT LANGUAGE="javascript1.2" SRC="flieger.js"></SCRIPT> richtig eingegeben. Leider ohne Erfolg. Der Mausverfolger ist nicht zu sehen, es tut sich gar nichts. Auch wird kein Fehler im Script der Site gemeldet.
Kann es sein das es an der vorhandenen CSS-Datei im HTML-Verzeichnis liegt, also das sich Java und CSS nicht vertragen? Denn auch alle anderen Javascripts die ich probiert habe laufen nicht. Ich habe dann alle getestet, auch den o.g. Mausverfolger, indem ich eine neue, einfache Site, entworfen habe, also rein im HTML-Format. Und da läuft alles Super.
Hier mal der Code des Mausverfolgers:
[HTML]HTML-Code:
var Ver4=parseInt(navigator.appVersion.charAt(0))>=4
var IE=navigator.appName.indexOf("Microsoft")!=-1
var al, imagesrc, ex=-32, ey=-32, x0=-32, y0=-32
function BewegeAlien()
{ // Neue Position des Alien berechnen
if (Math.abs(ex-x0)>=10) { x0+=Math.floor((ex-x0)*0.1) }
else if (ex!=x0) { x0+=Math.abs(ex-x0)/(ex-x0) }
if (Math.abs(ey-y0)>=10) { y0+=Math.floor((ey-y0)*0.1) }
else if (ey!=y0) { y0+=Math.abs(ey-y0)/(ey-y0) }
// entsprechende Grafik in Bezug zur Maus-Position waehlen
imagesrc=""
if ( (ex<x0) && ( (x0-ex) > Math.abs(y0-ey)/2 ) )
{ imagesrc="flieger_l.gif"
if ( (x0-ex) < Math.abs(y0-ey)*2 )
{ if (ey<y0) imagesrc="flieger_lo.gif"
if (ey>y0) imagesrc="flieger_lu.gif"
}
}
if ( (ex>x0) && ( (ex-x0) > Math.abs(y0-ey)/2) )
{ imagesrc="flieger_r.gif"
if ( (ex-x0) < Math.abs(y0-ey)*2 )
{ if (ey<y0) imagesrc="flieger_ro.gif"
if (ey>y0) imagesrc="flieger_ru.gif"
}
}
if (imagesrc=="")
{ if (ey<y0) imagesrc="flieger_o.gif"
if (ey>y0) imagesrc="flieger_u.gif"
if ((ex==x0)&&(ey==y0)) imagesrc="flieger.gif"
}
// Grafik und Position setzen
if (Ver4)
{ if (!IE)
{ document.AlienLayer.document.images.alien.src=imagesrc }
else document.all.AlienLayer.document.images.alien.src=imagesrc
}
al.left=x0-32
al.top=y0
setTimeout("BewegeAlien();",100)
}
function MeinMausEvent(e)
{ // Position des Maus-Cursors ermitteln
if (Ver4)
{ if (!IE)
{ ex=e.pageX
ey=e.pageY }
else
{ ex=event.clientX + document.body.scrollLeft
ey=event.clientY + document.body.scrollTop }
}
}
function ScriptSetup()
{ // Alle Alien-Grafiken laden
isIm = (document.images) ? 1 : 0
if (isIm)
{ arImLoad = new Array
('flieger','flieger_u','flieger_o','flieger_l','flieger_r',
'flieger_lu','flieger_lo','flieger_ru','flieger_ro')
arImList = new Array ()
for (counter in arImLoad)
{ arImList[counter] = new Image()
arImList[counter].src = arImLoad[counter] + '.gif'
}
}
// Globale Variablen setzen und Maus-Event initialisieren
if (Ver4)
{ if (!IE)
{ al=document.AlienLayer
document.captureEvents(Event.MOUSEMOVE)
}
else
{ al=document.all.AlienLayer.style }
document.onmousemove = MeinMausEvent
BewegeAlien()
}
}
function Copyright()
{ window.focus()
alert("Hallihallo!") }
function ZeigeAlien()
{ // Setzen der Block-Level Container zur Anzeige der Grafiken
if(Ver4)
{ s ='<DIV STYLE="visibility:hidden"></DIV>'
s+='<DIV ID="AlienLayer" STYLE="position:absolute; '
s+='top:-32; left:-32; width:32; height:32">'
s+='<A HREF="javascript:Copyright();">'
s+='<IMG NAME="alien" SRC="flieger.gif" border=0>'
s+='</A></DIV>'
document.writeln(s)
}
}
window.onload = ScriptSetup
ZeigeAlien()[/HTML]
Und hier der Code der Site in welcher der Mausverfolger laufen soll:
[HTML]HTML-Code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="expires" content="15 days">
<meta name="revisit" content="after 20 days">
<meta name="keywords" content="homepage,webseite,page,internet,seite,webdokument,homepage webseite page internet seite webdokument ">
<meta name="description" content="homepage, webseite, page, internet seite webdokument ">
<title>Fliegerlounge</title>
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=3)">
<meta http-equiv="Page-Exit" content="revealTrans(Duration=1.0,Transition=2)">
<script>
<!--
function BlurLinks(){
lnks=document.getElementsByTagName('a');
for(i=0;i<lnks.length;i++){
lnks[i].onfocus=new Function("if(this.blur)this.blur()");
}
}
onload=BlurLinks;
-->
</script>
<link rel="stylesheet" href="format.css" type="text/css">
<base target="_self">
</head>
<body text="#ffffff" topmargin="0" marginheight="0" leftmargin="0" marginwidth="0" background="images/cloudback.jpg" style="background-attachment: fixed">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="20"> </td>
<td><br>
<b><font face="Verdana" color="#FF0000"> Ralfs
Fliegerlounge</font></b><br>
<br>
<br>
<p><br>
</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><br>
<br>
</p>
</td>
<td width="30"> </td>
</tr>
</table>
</body>
</html>[/HTML]
Vieleicht kann mir jemand von euch sagen was ich falsch mache. Für jede Hilfe bin ich sehr dankbar.
Mfg. Taggy
![[-]](https://forum.juergens-workshops.de/images/collapse.png)
. Ausserdem funktioniert das dann auch mit anderen Browsern und du lernst was dabei. Einfach ausprobieren. Viel Erfolg!
