Also Leute,

wenn ich folgende Seite mit dem Script aufrufe ...

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="startCycle()">
    <table width="100%" border="0" align="center">
      <tr>
        <td height="30">&nbsp;</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>
..., dann bringt mir die JavaScript-Konsole folgende Fehlermeldung:


Fehler: ele1 has no properties
Quelldatei: http://eagle/hofapotheke/home.html
Zeile: 84
Ergo findet mein Script die id="ele1" in dem HTML-Tag <img> weiter unten nicht, weil die Seite noch nicht geladen ist. Wohingegen es das <a> raffelt, weil die Seite ja bereits geladen ist.

Also: Wie richte ich den <BODY onload="startCycle()"> ein, dass die Info's beim Laden bereits mit übermittel werden?

MfG

Archilles