• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Probleme mit zwei JavaScripts

C

crazyralf

New member
Ich möchte auf einer Seite folgende zwei Scripte verwenden,
jedes für sich alleine funzt einwandfrei. Nur bei beiden zusammen funktioniert der Textticker nicht. Hoffentlich kann mir jemand sagen, was ich falsch mache.

Besten Dank! crazyralf

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 FINAL//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<TITLE>Testpage1</TITLE>
<body onload="textticker()">
<script language="JavaScript">
<!--
// Dieses Script stammt von Klaus Hentschels Javapage
// e-mail: Black_runner@t-online.de
// www: http://Java.topcool.de
// www: http://home.t-online.de/home/Black_runner/
// Bitte entfernen sie diesen Vermerk nicht!

var max=0;
function textlist()
{
max=textlist.arguments.length;
for (i=0; i<max; i++)
this=textlist.arguments;
}

tl=new textlist
(
" Vorwort: Willkommen auf der Homepage von Klaus Hentschel.",
" Durchsuchen Sie meine Homepage und tragen Sie sich in mein Gästebuch ein .",
" Produkte zum Downloaden !",
" Schicken Sie mir ein kurzes Mail !",
" ich hoffe Sie haben viel Spaß auf meinen Seiten !",
" haben Sie Probleme mit irgendwelchen Scripten ?",
" Ich hoffe es gefählt ihnen hier !"
);

var x=0; pos=0;
var l=tl[0].length;

function textticker()
{
document.form1.textfeld.value=tl[x].substring(0,pos)+"_";

if(pos++==l)
{
pos=0;
setTimeout("textticker()",5000);
x++;
if(x==max)
x=0;
l=tl[x].length;
} else
setTimeout("textticker()",50);
}
// -->
</script>
<form name="form1">
<input type="text" size="100" name="textfeld" value=" Willkommen "
style="font-weight: normal; color: black; background-color:
white; font-family: Arial,Helvetica,MS Sans Serif; font-size: 9pt">
</form>


<script language="JavaScript">
<!--
var brOK = false, mie = false;
if (document.layers || document.all) brOK = true;
if (document.all) mie = true;
var ex = 0, ey = 0;
var ae, le, re, x0, y0, tid, realx, realy;
function navMove(e) {
ex = e.pageX;
ey = e.pageY;
moveeye()
return routeEvent(e);
}
function mieMove() {
ex = document.body.scrollLeft + event.x;
ey = document.body.scrollTop + event.y;
moveeye();
}
function moveeye() {
dy = ey - y0 - 20;
dx1 = ex - x0 - 20;
dx2 = ex - x0 - 60;
r = Math.sqrt(dx1 * dx1 + dy * dy);
if (r < 20) r = 20;
dx1 = dx1 * 10 / r + x0 + 10;
dy1 = dy * 10 / r + y0 + 10;
r = Math.sqrt(dx2 * dx2 + dy * dy);
if (r < 20) r = 20;
dx2 = dx2 * 10 / r + x0 + 50;
ae.left = x0;
ae.top = y0;
le.left = dx1;
le.top = dy1;
re.left = dx2;
re.top = dy1;
}
function setHandlers() {
if (!mie) {
y0 = document.eyeballs.top;
x0 = document.eyeballs.left;
ae = document.eyeballs;
le = document.lefteye;
re = document.righteye;
window.captureEvents(Event.MOUSEMOVE);
window.onMouseMove = navMove;
}
else {
y0 = document.all.eyeballs.style.pixelTop;
x0 = document.all.eyeballs.style.pixelLeft;
ae = document.all.eyeballs.style;
le = document.all.lefteye.style;
re = document.all.righteye.style;
window.document.onmousemove = mieMove;
}
realx = x0 + 0.1;
realy = y0 + 0.1;
moveall();
}
function moveall() {
rx = realx + 40;
ry = realy + 40;
rx += (ex - rx) * 0.1;
ry += (ey - ry) * 0.1;
realx = rx - 40;
realy = ry - 40;
x0 = Math.round(realx);
y0 = Math.round(realy);
moveeye();
tid = setTimeout('moveall()', 100);
}
function placeeyes(x, y) {
if (brOK) {
ex = x + 40;
ey = y + 40;
s = '<DIV ID ="dummy" STYLE="position:absolute; ' +
'top:'+y+'; left:'+x+'; width:10; height:10;"> </DIV>';
s += '<DIV ID="eyeballs" STYLE="position:absolute; ' +
'top:'+y+'; left:'+x+'; width:80; height:40;"><IMG SRC='+'"D:/crazyjokes/grafiken/whites.gif" border=0></DIV>';
s += '<DIV ID="lefteye" STYLE="position:absolute; '+'top:'+(y+10)+'; left:'+(x+10)+'; width:20; height:20;">' +
'<IMG SRC="D:/crazyjokes/grafiken/pupil.gif" border=0></DIV>';s += '<DIV ID="righteye" STYLE="position:absolute; ' +
'top:'+(y+10)+'; left:'+(x+50)+'; width:20; height:20;">' +
'<IMG SRC="D:/crazyjokes/grafiken/pupil.gif" border=0></DIV>';
document.writeln(s);
}
}
function clearEyes() {
if (tid) clearTimeout(tid);
}
placeeyes(200, 100);
window.onload = setHandlers;
window.onunload = clearEyes;
// End -->
</script>
</HEAD>
<BODY BGCOLOR="#FFFFFF" BACKGROUND="../rb04.jpg" LINK="#0000FF" VLINK="#800080" TEXT="#000000" TOPMARGIN=0 LEFTMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 onload="textticker()">

</body>
</html>
 
Nochmal der Scripttext, im Beitrag davor waren Kopierfehler.
Besten Dank! crazyralf



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 FINAL//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<TITLE>Testpage1</TITLE>
</HEAD>
<body onload="textticker()">
<script language="JavaScript">
<!--
// Dieses Script stammt von Klaus Hentschels Javapage
// e-mail: Black_runner@t-online.de
// www: http://Java.topcool.de
// www: http://home.t-online.de/home/Black_runner/
// Bitte entfernen sie diesen Vermerk nicht!

var max=0;
function textlist()
{
max=textlist.arguments.length;
for (i=0; i<max; i++)
this=textlist.arguments;
}

tl=new textlist
(
" Vorwort: Willkommen auf der Homepage von Klaus Hentschel.",
" Durchsuchen Sie meine Homepage und tragen Sie sich in mein Gästebuch ein .",
" Produkte zum Downloaden !",
" Schicken Sie mir ein kurzes Mail !",
" ich hoffe Sie haben viel Spaß auf meinen Seiten !",
" haben Sie Probleme mit irgendwelchen Scripten ?",
" Ich hoffe es gefählt ihnen hier !"
);

var x=0; pos=0;
var l=tl[0].length;

function textticker()
{
document.form1.textfeld.value=tl[x].substring(0,pos)+"_";

if(pos++==l)
{
pos=0;
setTimeout("textticker()",5000);
x++;
if(x==max)
x=0;
l=tl[x].length;
} else
setTimeout("textticker()",50);
}
// -->
</script>
<form name="form1">
<input type="text" size="100" name="textfeld" value=" Willkommen "
style="font-weight: normal; color: black; background-color:
white; font-family: Arial,Helvetica,MS Sans Serif; font-size: 9pt">
</form>


<script language="JavaScript">
<!--
var brOK = false, mie = false;
if (document.layers || document.all) brOK = true;
if (document.all) mie = true;
var ex = 0, ey = 0;
var ae, le, re, x0, y0, tid, realx, realy;
function navMove(e) {
ex = e.pageX;
ey = e.pageY;
moveeye()
return routeEvent(e);
}
function mieMove() {
ex = document.body.scrollLeft + event.x;
ey = document.body.scrollTop + event.y;
moveeye();
}
function moveeye() {
dy = ey - y0 - 20;
dx1 = ex - x0 - 20;
dx2 = ex - x0 - 60;
r = Math.sqrt(dx1 * dx1 + dy * dy);
if (r < 20) r = 20;
dx1 = dx1 * 10 / r + x0 + 10;
dy1 = dy * 10 / r + y0 + 10;
r = Math.sqrt(dx2 * dx2 + dy * dy);
if (r < 20) r = 20;
dx2 = dx2 * 10 / r + x0 + 50;
ae.left = x0;
ae.top = y0;
le.left = dx1;
le.top = dy1;
re.left = dx2;
re.top = dy1;
}
function setHandlers() {
if (!mie) {
y0 = document.eyeballs.top;
x0 = document.eyeballs.left;
ae = document.eyeballs;
le = document.lefteye;
re = document.righteye;
window.captureEvents(Event.MOUSEMOVE);
window.onMouseMove = navMove;
}
else {
y0 = document.all.eyeballs.style.pixelTop;
x0 = document.all.eyeballs.style.pixelLeft;
ae = document.all.eyeballs.style;
le = document.all.lefteye.style;
re = document.all.righteye.style;
window.document.onmousemove = mieMove;
}
realx = x0 + 0.1;
realy = y0 + 0.1;
moveall();
}
function moveall() {
rx = realx + 40;
ry = realy + 40;
rx += (ex - rx) * 0.1;
ry += (ey - ry) * 0.1;
realx = rx - 40;
realy = ry - 40;
x0 = Math.round(realx);
y0 = Math.round(realy);
moveeye();
tid = setTimeout('moveall()', 100);
}
function placeeyes(x, y) {
if (brOK) {
ex = x + 40;
ey = y + 40;
s = '<DIV ID ="dummy" STYLE="position:absolute; ' +
'top:'+y+'; left:'+x+'; width:10; height:10;"> </DIV>';
s += '<DIV ID="eyeballs" STYLE="position:absolute; ' +
'top:'+y+'; left:'+x+'; width:80; height:40;"><IMG SRC='+'"D:/crazyjokes/grafiken/whites.gif" border=0></DIV>';
s += '<DIV ID="lefteye" STYLE="position:absolute; '+'top:'+(y+10)+'; left:'+(x+10)+'; width:20; height:20;">' +
'<IMG SRC="D:/crazyjokes/grafiken/pupil.gif" border=0></DIV>';s += '<DIV ID="righteye" STYLE="position:absolute; ' +
'top:'+(y+10)+'; left:'+(x+50)+'; width:20; height:20;">' +
'<IMG SRC="D:/crazyjokes/grafiken/pupil.gif" border=0></DIV>';
document.writeln(s);
}
}
function clearEyes() {
if (tid) clearTimeout(tid);
}
placeeyes(200, 100);
window.onload = setHandlers;
window.onunload = clearEyes;
// End -->
</script>




</body>
</html>
 
hi,

ja klar kann ich dir sagen weil das eyes Script auch durch ein onload aufgerufen wird.
Verwende beide scripte und schreibe im Body folgende Zeile:
<body onLoad="if(brOK) setHandlers()" onUnload="if(brOK) {if(tid) clearTimeout(tid);}">

das war alles ... achja schreib doch Bitte den Autor des eyes Script wieder rein,wir wollen doch kein Ärger bekommen gell.... Danke

ciao,
Klaus...
 
Hi Klaus,

Danke für die schnelle Antwort, leider funzt es auch nicht richtig, wenn ich die Zeile einfüge. Es werden trotzdem nur die Augen angezeigt. Ich habe ja keine Programmierahnung, ich wusste dehalb auch nicht, wo ich den Aufruf onload="textticker()" unterbringen sollte, wenn ich ihn in Deine Zeile integriere gehts auch nicht. Sicher kannst Du mir sagen, was ich falsch mache.
Übrigens, das Script Eyes habe ich in gutem Glauben eingefügt. Den Quellcode habe ich von http://gerhardts.exit.de
runtergeladen, dort war kein Autor angegeben. Vielleicht hast Du ja die Autorenzeile.
Vielen Dank! crazyralf
 
hi,

so dann werd ich dir mal einige Beispiele nennen....
1.Textticker Beispiel
2.eyes ScriptBeispiel

wenn du beide Scripte einsetzt und den Body richtig anlegst dann funktionieren auch beide Scripte.Denk daran das beide Scripte durch ein ONLOAD aufgerufen werden.

hi,und dort findest du auch den Autor des eyes Script...

ciao,
Klaus...
 
Hi Klaus,

Ich hab's leider immer noch nicht geschnallt.
Vielleicht kannst Du mir ja mal erklären, was ich beachten muss, wenn beide Scripte mit einem ONLOAD aufgerufen werden.
Wie gesagt, ich habe leider selber keine Programmiererfahrung. Vielleicht hast Du ja mal eine Adresse für mich auf welcher Seite man eine ausführliche Dokumentation zu JavaScript findet.
Besten Dank! crazyralf
 
hi crazyralf,

es funzt so wie es hier steht und Michael wird uns hier
verfluchen so lange Dinger zu posten und das drei mal.


<html>
<head>

<script language="JavaScript" type="text/javascript">
<!--
// Dieses Script stammt von Klaus Hentschels Javapage
// e-mail: Black_runner@t-online.de
// www: http://Java.topcool.de
// www: http://home.t-online.de/home/Black_runner/
// Bitte entfernen sie diesen Vermerk nicht!

var max=0;

function textlist() {
max=textlist.arguments.length;
for (i=0; i<max; i++)
this[ i ]=textlist.arguments[ i ];
}

tl=new textlist(" Vorwort: Willkommen auf der Homepage von Klaus Hentschel.",
" Durchsuchen Sie meine Homepage und tragen Sie sich in mein Gästebuch ein .",
" Produkte zum Downloaden !",
" Schicken Sie mir ein kurzes Mail !",
" ich hoffe Sie haben viel Spaß auf meinen Seiten !",
" haben Sie Probleme mit irgendwelchen Scripten ?",
" Ich hoffe es gefählt ihnen hier !");

var x=0; pos=0;
var l=tl[0].length;

function textticker() {
document.form1.textfeld.value=tl[x].substring(0,pos)+"_";
if(pos++==l) {
pos=0;
setTimeout("textticker()",5000);
x++;
if(x==max)
x=0;
l=tl[x].length;
} else setTimeout("textticker()",50);
}
// -->
</script>

<script language="JavaScript" type="text/javascript">
<!--
// Autor By Virtual_Max http://www.geocities.com/
// Dieses Script stammt von Klaus Hentschels Javapage
// e-mail: Black_runner@t-online.de
// www: http://Java.topcool.de
// www: http://home.t-online.de/home/Black_runner/
// Bitte entfernen sie diesen Vermerk nicht!

var brOK=false;
var mie=false;
var ex=0;
var ey=0;
var ae;
var le;
var re;
var x0;
var y0;
var tid;
var realx;
var realy;
var loaded=false;

if(parseInt(navigator.appVersion.charAt(0))>=4) {
brOK=true;
}
if(navigator.appName.indexOf("Microsoft")!=-1) {
mie=true;
}

function myhandler(e) {
ex=e.pageX;
ey=e.pageY;
moveeye()
return routeEvent(e);
}

function moveeye() {
dy=ey-y0-20;
dx1=ex-x0-20;
dx2=ex-x0-60;

r=Math.sqrt(dx1*dx1+dy*dy);
if(r<20) r=20
dx1=dx1*10/r+x0+10;
dy1=dy*10/r+y0+10;
r=Math.sqrt(dx2*dx2+dy*dy);
if(r<20) r=20
dx2=dx2*10/r+x0+50;

ae.left=x0;
ae.top=y0;
le.left=dx1;
le.top=dy1;
re.left=dx2;
re.top=dy1;
}

function setHandlers() {
if(!mie) {
y0=document.face.top;
x0=document.face.left;
ae=document.face;
le=document.lefteye;
re=document.righteye;
window.captureEvents(Event.MOUSEMOVE);
window.onMouseMove=myhandler;
} else {
y0=document.all.face.style.pixelTop;
x0=document.all.face.style.pixelLeft;
ae=document.all.face.style;
le=document.all.lefteye.style;
re=document.all.righteye.style;
}
realx=x0+0.1;
realy=y0+0.1;

moveall();
loaded=true;
}

function moveall() {
rx=realx+40
ry=realy+40;
rx+=(ex-rx)*0.1;
ry+=(ey-ry)*0.1;
realx=rx-40;
realy=ry-40;
x0=Math.round(realx);
y0=Math.round(realy);
moveeye();
tid=setTimeout('moveall()',100);
}

function placeeyes(x,y) {
if(brOK) {
ex=x+40;
ey=y+40;
s ='<DIV ID="dummy" STYLE="position:absolute; top:'+y+'; left:'+x+'; width:20; height:20;"></DIV>';
s+='<DIV ID="face" STYLE="position:absolute; top:'+y+'; left:'+x+'; width:80; height:40;"><IMG SRC="face.gif" border=0></DIV>';
s+='<DIV ID="lefteye" STYLE="position:absolute; top:'+(y+10)+'; left:'+(x+10)+'; width:20; height:20;"><IMG SRC="eye.gif" border=0></DIV>';
s+='<DIV ID="righteye" STYLE="position:absolute; top:'+(y+10)+'; left:'+(x+50)+'; width:20; height:20;"><IMG SRC="eye.gif" border=0></DIV>';
document.writeln(s);
}
}
//-->
</script>

<script FOR=document Event="onmousemove()" language="JavaScript" type="text/javascript">
<!--
if((mie==true)&&(brOK)&&loaded) {
ex=document.body.scrollLeft+event.x;
ey=document.body.scrollTop+event.y;
moveeye();
}
//-->
</script>

<script language="JavaScript" type="text/javascript">
<!--
if (document.all || document.layers) placeeyes(200,100);
//-->
</script>

</head>
<body onload="textticker(); if(brOK) setHandlers()" onUnload="if(brOK) { if(tid) clearTimeout(tid) }">

<form name="form1">
<input type="text" size="100" name="textfeld" value=" Willkommen " style="font-weight: normal; color: black; background-color: white; font-family: Arial,Helvetica,MS Sans Serif; font-size: 9pt">
</form>

</body>
</html>


gruss
René

[Edited by René on 03-09-2000 at 22:01]
 
Hi Rene,

es funzt leider immer noch nicht, ich habe den Quellcode genauso genommen, wie Du ihn geschrieben hast. Das Er gebnis ist, dass die Augen stehen und der Textticker auch steht mit der Aufschrift "Willkommen".
Vielleicht fällt Dir ja noch was ein, ich weiß nicht mehr weiter.
Besten Dank! crazyralf
 
uuiii

also ihr beiden...
@René
du hast natührlich recht,denn das Script funktioniert

@crazyralf
tja ich kann mir leider nicht erklären warum das bei dir nicht geht,entweder machst du fehler beim Kopieren oder aber dein Browser hat einen "BUG"

ich poste diese Scripte nicht nocheinmal,denn diese reichen ja wohl oder,ich schick dir eine HTML und die funktioniert,also melde dich und gebe mir mal deine Mail

ciao,
Klaus...
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben