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

Animation startet nicht

3

33034

New member
Hi,
meine Animation, welche ich wortwörtlich aus dem Buch DHTML von Helma Spona übernommen habe, funktioniert nicht. Und es kommt auch keine Fehlermeldung vom Brauser. Was habe ich falsch gemacht?? -Steht doch genau so im Buch vorgegeben!!-

Bitte helft mir.


Hier mein Script:
(Leider etwas lang, doch habe noch keine HP)


<head>
</head>

<body><script language=javascript1.2>
<!--
var text01_h=1;
var text01_v=1;
var text01_breite=300;
var text01_ziel;
var text03_ziel;
var text03_breite=400;
var text03_h=1;
var text03_v=-1;
var mitte_v;
var mitte_h;
var text02_h=1;
var text02_v=1;
var text02_breite=85;
var text02_ziel;

function init_bewegen()
{
mitte_v=100;
mitte_h=600;
text02_ziel=mitte_v+30;
text01_ziel=mitte_v;
text03_ziel=mitte_v+60;
setTimeout('text01bewegen()',50);
setTimeout('text03bewegen()',550);
setTimeout('text02bewegen()',1000);
}

function text01bewegen()
{
if (NNDom==true)
{
if (document.text01.top<text01_ziel)
{
document.text01.top=
document.text01.top+text01_v;
}
if (document.text01.left<
(mitte_h-text01.left_breite))
{
document.text01.left=
document.text01.left+text01_h;
}
if ((document.text01.top<text01_ziel)||
(document.text01.left<
(mitte_h-text01_breite)))
{
setTimeout('text01bewegen()',20);
}
return;
}
if (IEDom==true)
{
if (document.all.text01.style.posTop
<text01ziel)
{
document.all.text01.style.posTop=
document.all.text01.style.posTop+
text01_v;
}
if (document.all.text01.style.posLeft<
(mitte_h-text01_breite))
{
document.all.text01.style.posLeft=
document.all.text01.style.posLeft+
text01_h;
}
if ((document.all.text01.style.posTop
<text01_ziel)||
(document.all.text01.style.posLeft
<(mitte_h-text01_breite)))
{
setTimeout('text01bewegen()',20);
}
return;
}
if (DOM=="W3C")
{
if (parseInt(document.getElementById(
"text01").style.top)<text01_ziel)
{
document.getElementById(
"text01").style.top=
parseInt(document.getElementById(
"text01").style.top)
+text01_v;
}
if (praseInt(document.getElementById(
"text01").style.left)
<(mitte_h-text01_breite))
{
document.getElementById(
"text01").style.left=
parseInt(document.getElementById(
"text01").style.left)
+text01_h;
}
if ((parseInt(document.getElementById(
"text01").style.top)
<text01_ziel)||(parseInt(
document.getElementById("text01").style.left)
<(mitte_h-text01_breite)))
{
setTimeout('text01bewegen()',20);
}
return;
}
}
function text03bewegen()
{
if (NNDom==true)
{
if (document.text03.top>text03_ziel)
{
document.text03.top= //Seite 180 Zeile 1
document.text03.top+text03_v;
}
if (document.text03.left<
(mitte_h-text03_breite))
{
document.text03.left=
document.text03.left+text03_h;
}
if ((document.text03.top>text03_ziel)||
(document.text03.left<
(mitte_h-text03_breite)))
{
setTimeout('text03bewegen()',30);
}
return;
}
if (IEDom==true)
{
if (document.all.text03.style.posTop>
text03_ziel)
{
document.all.text03.style.posTop=
document.all.text03.style.posTop+
text03_v;
}
if (document.all.text03.style.posLeft
<(mitte_h-text03_breite))
{
document.all.text03.style.posLeft=
document.all.text03.style.posLeft+
text03_h;
}
if ((document.all.text03.style.posTop>
text03_ziel)||
(document.all.text03.style.posLeft
<(mitte_h-text03_breite)))
{
setTimeout('text03bewegen()',30);
}
return;
}
if (DOM=="W3C")
{
if (parseInt(document.getElementById(
"text03").style.top)>text03_ziel)
{
document.getElementById(
"text03").style.top=
parseInt(document.getElementById(
"text03").style.top)
+text03_v;
}
if (parseInt(document.getElementById(
"text03").style.left)
<(mitte_h-text03_breite))
{
document.getElementById(
"text03").style.left=
parseInt(document.getElementById(
"text03").style.left)
+text03_h;
}
if ((parseInt(document.getElementById(
"text03").style.top)
<text03_ziel)||(parseInt(
document.getElementById("text03"
).style.left)
<(mitte_h-text03-breite)))
{
setTimeout('text03bewegen()',20);
}
return;
}
}
function text02bewegen()
{
if (NNDom==true)
{
if (document.text02.top<text02_ziel)
{
document.text02.top=
document.text02.top+text02_v;
}
if (document.text02.left<
(mitte_h-text02_breite))
{
document.text02.left=
document.text02.left+text02_h;
}
if ((document.text02.top<text02_ziel)||(
document.text02.left<
(mitte_h-text02_breite)))
{
setTimeout('text02bewegen()',40);
}
return;
}
if (IEDom==true)
{
if (document.all.text02.style.posTop
<text02_ziel)
{ // Seite 183 Zeile 1
document.all.text02.style.posTop=
document.all.text02.style.posTop+
text02_v;
}
if (document.all.text02.style.posLeft
<(mitte_h-text02_breite))
{
document.all.text02.style.posLeft=
document.all.text02.style.posLeft+
text02_h;
}
if ((document.all.text02.style.posTop
<text02_ziel)||
(document.all.text02.style.posLeft<
(mitte_h-text02_breite)))
{
setTimeout('text02bewegen()',40);
}
return;
}
if (DOM=="W3C")
{
if (parseInt(document.getElementById(
"text02").style.top)<text02_ziel)
{
document.getElementById(
"text02").style.top=
parseInt(document.getElementById(
"text02").style.top)
+text02_v;
}
if (parseInt(document.getElementById(
"text02").style.left)
<(mitte_h-text02_breite))
{
document.getElementById(
"text02").style.left=
parseInt(document.getElementById(
"text02").style.left)+text02_h;
}
if ((parseInt(document.getElementById(
"text02").style.top)
<text02_ziel)||(parseInt(
document.getElementById(
"text02").style.left)
<(mitte_h-text02_breite)))
{
setTimeout('text02bewegen()',20);
}
return;
}
}
//-->
</script>


<DIV width="669px" style="COLOR: #6567b3; font-family: sans-serif; font-size: xx-large; font-style: normal; font-weight: bold; height: 49px; left: 0px; letter-spacing: 2px; posotion: absolute; width: 669px" id="text01" name="text01">Helma Spona</DIV>

<DIV style="COLOR: #ff9900; font-family: sans-serif; font-size: x-large; font-weight: bold; height: 43px; left: 263px; letter-spacing: 1px; posotion: absolute; top: 44px; width: 278px" id="text02" name="text02">freie Autorin</DIV>

<DIV style="COLOR: #999999; font-family: sans-serif; font-size: large; font-style: italic; font-weight: normal; height: 58px; left: 8px; posotion: absolute; top: 374px; width: 513px" id="text03" name="text03">bhv, DATA BECKER, Microsoft Press, <br> RedTec, WEKA, WRS ...</DIV>




Bitte um Hilfe, weiß nicht was ich sonst noch tun kann!
Danke, Chris
 
Moin moin Chris,

ist für wahr etwas arg lang, ich hab es jetzt auch nur mal ganz kurz überflogen, ich würde sagen, das die Funktionen nicht aufgerufen werden. Du mußt die erste Funktion (init_bewegen) einmal starten, was in den meisten Fällen über den BODY-Tag erledigt wird (onload=).
Bis denne

Marko
 
Danke ersteinmal,

nun strartet er die Funktion, glaube ich. Doch jetzt kommt andauernd die Fehlermeldung: " if (NNDom==true) " währe undefiniert. Was heißt das und was soll ich machen??

Chris
 
Morgens...

Moin moin Chris,

das bedeutet nichts weiter, als das die Variable "NNDom" nicht deklariert ist, wenn ich beim überfliegen grad richtig geschaut habe, fehlen auch die Variablen "IEDom" und "Dom". Kann es sein, das Du einen kleinen block vergessen hast einzigeben? Es geht hier um den Block, der zwischen dem NC und dem IE unterscheidet und dann die jeweiligen Variablen setzt, das müßte dann etwa wie folgt aussehen.

if(document.layers)
NNDom=true
else
IEDom=true

oder ähnlich, auf jeden Fall werden die Wariablen dort gesetzt.
In diesem Sinne, noch viel Erfolg.

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