Hallo Jana,
ich probier's wie folgt:
HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>HOF-Apotheke</title>
<meta name="GENERATOR" content="Quanta Plus">
<link rel="stylesheet" type="text/css" href=
"css/stylesheet.css">
<script src="cbe/cbe_core.js" type="text/javascript"></script>
<script src="cbe/cbe_event.js" type="text/javascript"></script>
<script src="cbe/cbe_slide.js" type="text/javascript"></script>
<script src="cbe/cbe_util.js" type="text/javascript"></script>
<script src="cbe/cbe_debug.js" type="text/javascript"></script>
<script type="text/javascript" language="JavaScript">
<!--
var ele1, ele2, ele3;
function windowOnload() {
init();
}
function init() {
ele1 = document.getElementById('ele1').cbe;
ele1.moveTo('center');
ele1.moveBy(-250,-50);
ele1.show();
ele1.sequence = new Array(
"ellipse(100,200,0,2000,0,-360)",
"ellipse(100,200,0,2000,0,360)",
"ellipse(100,50,2, 4000,0,1440)",
"ellipse(200,100,-2,4000,0,-1440)"
);
ele2 = document.getElementById('ele2').cbe;
ele2.moveTo('center');
ele2.moveBy(250,-50);
ele2.show();
ele2.sequence = new Array(
"ellipse(100,200,0,2000,0,-360)",
"ellipse(100,200,0,2000,0,360)",
"ellipse(100,200,0,4000,0,-720)",
"ellipse(100,200,0,4000,0,720)"
);
ele3 = document.getElementById('ele3').cbe;
ele3.moveTo('center');
ele3.show();
ele3.sequence = new Array(
"ellipse(50,100,0,5000,90,450)",
"ellipse(50,100,0,5000,-90,-450)"
);
document.forms['form1'].txtX.focus();
document.forms['form1'].txtX.select();
}
function handleSubmit() {
ele1.ellipse(
document.forms.form1.txtX.value,
document.forms.form1.
txtY.value,
document.forms.form1.txtI.value,
document.forms.form1.txtT.value,
document.forms.form1.txtS.value,
document.forms.form1.txtP.value
);
document.forms['form1'].txtX.focus();
document.forms['form1'].txtX.select();
return false;
}
function startCycle() {
ele1.startSequence();
ele2.startSequence();
ele3.startSequence();
}
//-->
</script>
</head>
<body onload="startCycle()">
<table width="100%" border="0" align="center">
<tr>
<td height="30"> </td>
</tr>
<tr>
<td align="center" height="425">
<div id="ele1" class="clsCBE"><img src="images/krongold.gif" border="0"></div>
<div id="ele2" class="clsCBE"><img src="images/krongold.gif" border="0"></div>
<div id="ele3" class="clsCBE"><IMG src="images/log_hor.gif" border="0"></div>
</td>
</tr>
</table>
</body>
</html>
und explizit mit der Funktion
function windowOnload() {startCycle()};
HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>HOF-Apotheke</title>
<meta name="GENERATOR" content="Quanta Plus">
<link rel="stylesheet" type="text/css" href=
"css/stylesheet.css">
<script src="cbe/cbe_core.js" type="text/javascript"></script>
<script src="cbe/cbe_event.js" type="text/javascript"></script>
<script src="cbe/cbe_slide.js" type="text/javascript"></script>
<script src="cbe/cbe_util.js" type="text/javascript"></script>
<script src="cbe/cbe_debug.js" type="text/javascript"></script>
<script type="text/javascript" language="JavaScript">
<!--
var ele1, ele2, ele3;
function windowOnload() {
init();
}
function init() {
ele1 = document.getElementById('ele1').cbe;
ele1.moveTo('center');
ele1.moveBy(-250,-50);
ele1.show();
ele1.sequence = new Array(
"ellipse(100,200,0,2000,0,-360)",
"ellipse(100,200,0,2000,0,360)",
"ellipse(100,50,2, 4000,0,1440)",
"ellipse(200,100,-2,4000,0,-1440)"
);
ele2 = document.getElementById('ele2').cbe;
ele2.moveTo('center');
ele2.moveBy(250,-50);
ele2.show();
ele2.sequence = new Array(
"ellipse(100,200,0,2000,0,-360)",
"ellipse(100,200,0,2000,0,360)",
"ellipse(100,200,0,4000,0,-720)",
"ellipse(100,200,0,4000,0,720)"
);
ele3 = document.getElementById('ele3').cbe;
ele3.moveTo('center');
ele3.show();
ele3.sequence = new Array(
"ellipse(50,100,0,5000,90,450)",
"ellipse(50,100,0,5000,-90,-450)"
);
document.forms['form1'].txtX.focus();
document.forms['form1'].txtX.select();
}
function handleSubmit() {
ele1.ellipse(
document.forms.form1.txtX.value,
document.forms.form1.
txtY.value,
document.forms.form1.txtI.value,
document.forms.form1.txtT.value,
document.forms.form1.txtS.value,
document.forms.form1.txtP.value
);
document.forms['form1'].txtX.focus();
document.forms['form1'].txtX.select();
return false;
}
function startCycle() {
ele1.startSequence();
ele2.startSequence();
ele3.startSequence();
}
function stopCycle() {
ele1.stopSequence();
ele2.stopSequence();
ele3.stopSequence();
}
//-->
</script>
<script type="text/javascript">
<!--
function windowOnload() {
startCycle();
}
// -->
</script>
</head>
<body onload="windowOnload()">
<table width="100%" border="0" align="center">
<tr>
<td height="30"> </td>
</tr>
<tr>
<td align="center" height="425">
<div id="ele1" class="clsCBE"><img src="images/krongold.gif" border="0"></div>
<div id="ele2" class="clsCBE"><img src="images/krongold.gif" border="0"></div>
<div id="ele3" class="clsCBE"><IMG src="images/log_hor.gif" border="0"></div>
</td>
</tr>
</table>
</body>
</html>
Selbst wenn ich windowsonload() in dasselbe JavaScript-Tag setze:
HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>HOF-Apotheke</title>
<meta name="GENERATOR" content="Quanta Plus">
<link rel="stylesheet" type="text/css" href=
"css/stylesheet.css">
<script src="cbe/cbe_core.js" type="text/javascript"></script>
<script src="cbe/cbe_event.js" type="text/javascript"></script>
<script src="cbe/cbe_slide.js" type="text/javascript"></script>
<script src="cbe/cbe_util.js" type="text/javascript"></script>
<script src="cbe/cbe_debug.js" type="text/javascript"></script>
<script type="text/javascript" language="JavaScript">
<!--
var ele1, ele2, ele3;
function windowOnload() {
init();
}
function init() {
ele1 = document.getElementById('ele1').cbe;
ele1.moveTo('center');
ele1.moveBy(-250,-50);
ele1.show();
ele1.sequence = new Array(
"ellipse(100,200,0,2000,0,-360)",
"ellipse(100,200,0,2000,0,360)",
"ellipse(100,50,2, 4000,0,1440)",
"ellipse(200,100,-2,4000,0,-1440)"
);
ele2 = document.getElementById('ele2').cbe;
ele2.moveTo('center');
ele2.moveBy(250,-50);
ele2.show();
ele2.sequence = new Array(
"ellipse(100,200,0,2000,0,-360)",
"ellipse(100,200,0,2000,0,360)",
"ellipse(100,200,0,4000,0,-720)",
"ellipse(100,200,0,4000,0,720)"
);
ele3 = document.getElementById('ele3').cbe;
ele3.moveTo('center');
ele3.show();
ele3.sequence = new Array(
"ellipse(50,100,0,5000,90,450)",
"ellipse(50,100,0,5000,-90,-450)"
);
document.forms['form1'].txtX.focus();
document.forms['form1'].txtX.select();
}
function handleSubmit() {
ele1.ellipse(
document.forms.form1.txtX.value,
document.forms.form1.
txtY.value,
document.forms.form1.txtI.value,
document.forms.form1.txtT.value,
document.forms.form1.txtS.value,
document.forms.form1.txtP.value
);
document.forms['form1'].txtX.focus();
document.forms['form1'].txtX.select();
return false;
}
function startCycle() {
ele1.startSequence();
ele2.startSequence();
ele3.startSequence();
}
function stopCycle() {
ele1.stopSequence();
ele2.stopSequence();
ele3.stopSequence();
}
//-->
</script>
<script type="text/javascript">
<!--
function windowOnload() {
startCycle();
}
// -->
</script>
</head>
<body onload="windowOnload()">
<table width="100%" border="0" align="center">
<tr>
<td height="30"> </td>
</tr>
<tr>
<td align="center" height="425">
<div id="ele1" class="clsCBE"><img src="images/krongold.gif" border="0"></div>
<div id="ele2" class="clsCBE"><img src="images/krongold.gif" border="0"></div>
<div id="ele3" class="clsCBE"><IMG src="images/log_hor.gif" border="0"></div>
</td>
</tr>
</table>
</body>
</html>
... klappt das nicht. Mal abgesehen davon, dass sich zwei windowOnload() gegenseitig stören, selbst ein Name test() statt dem zweiten windowOnload() hilft nichts. Denn in jedem dieser Fälle sehe ich nur den blanken Text und Hintergrund der HTML-Seite, aber keine der drei Grafiken.
Wohingegen folgende Version das gewünschte Ergebnis teilweise liefert. Teilweise, weil ich die Maus für den Animationsbeginn benötige.
HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>HOF-Apotheke</title>
<meta name="GENERATOR" content="Quanta Plus">
<link rel="stylesheet" type="text/css" href=
"css/stylesheet.css">
<script src="cbe/cbe_core.js" type="text/javascript"></script>
<script src="cbe/cbe_event.js" type="text/javascript"></script>
<script src="cbe/cbe_slide.js" type="text/javascript"></script>
<script src="cbe/cbe_util.js" type="text/javascript"></script>
<script src="cbe/cbe_debug.js" type="text/javascript"></script>
<script type="text/javascript" language="JavaScript">
<!--
var ele1, ele2, ele3;
function windowOnload() {
init();
}
function init() {
ele1 = document.getElementById('ele1').cbe;
ele1.moveTo('center');
ele1.moveBy(-250,-50);
ele1.show();
ele1.sequence = new Array(
"ellipse(100,200,0,2000,0,-360)",
"ellipse(100,200,0,2000,0,360)",
"ellipse(100,50,2, 4000,0,1440)",
"ellipse(200,100,-2,4000,0,-1440)"
);
ele2 = document.getElementById('ele2').cbe;
ele2.moveTo('center');
ele2.moveBy(250,-50);
ele2.show();
ele2.sequence = new Array(
"ellipse(100,200,0,2000,0,-360)",
"ellipse(100,200,0,2000,0,360)",
"ellipse(100,200,0,4000,0,-720)",
"ellipse(100,200,0,4000,0,720)"
);
ele3 = document.getElementById('ele3').cbe;
ele3.moveTo('center');
ele3.show();
ele3.sequence = new Array(
"ellipse(50,100,0,5000,90,450)",
"ellipse(50,100,0,5000,-90,-450)"
);
document.forms['form1'].txtX.focus();
document.forms['form1'].txtX.select();
}
function handleSubmit() {
ele1.ellipse(
document.forms.form1.txtX.value,
document.forms.form1.
txtY.value,
document.forms.form1.txtI.value,
document.forms.form1.txtT.value,
document.forms.form1.txtS.value,
document.forms.form1.txtP.value
);
document.forms['form1'].txtX.focus();
document.forms['form1'].txtX.select();
return false;
}
function startCycle() {
ele1.startSequence();
ele2.startSequence();
ele3.startSequence();
}
//-->
</script>
</head>
<body>
<A onmouseover="startCycle()"><table width="100%" border="0" align="center">
<tr>
<td height="30"> </td>
</tr>
<tr>
<td align="center" height="425">
<div id="ele1" class="clsCBE"><img src="images/krongold.gif" border="0"></div>
<div id="ele2" class="clsCBE"><img src="images/krongold.gif" border="0"></div>
<div id="ele3" class="clsCBE"><IMG src="images/log_hor.gif" border="0"></div>
</td>
</tr>
</table></A>
</body>
</html>
Kann ich die Animation nicht auch starten mit
HTML-Code:
<BODY onload="windowOnload()">
und einem entsprechenden Codezusatz im JavaScript?
Archilles
Lesezeichen