Olaf: layer css-Eigenschaft top mit Javascript ändern

Hallo,

ich möchte mit unten stehenden Testcase den Layer "layer1" über eine simple Javascript-Funktion schrittweise nach oben befördern. Leider klappt es weder im Mozilla 1.6b noch im Internet Explorer 6. Ich habe schon diverse Beispiele durchsucht, die allerdings auch nicht in den beiden Browsern funktionieren. Muß ich doch mit IFRAMEs arbeiten?

Gruß
Olaf

<html><head><title>Test</title>
<script language="JavaScript" type="text/javascript">
function moveup(){
  document.layer1.top += 1;
}
</script>
</head><body>
<layer name="layer1" id="layer1" style="position:absolute; top:250">
  <a href="javascript:moveup();">nach oben</a>
</layer>
</body></html>

  1. Hola,

    <layer name="layer1" id="layer1" style="position:absolute; top:250">

    ^                                                            ^
      So etwas versteht nur Netscape 4. Nimm <div> statt <layer>       |
                                                       250 was? Zwetschkenknödel?

    Markus Trusk.

    1. O.k. aber auch korrigiert funktioniert der Mist nicht...

      Gruß
      Olaf

      <html><head><title>Test</title>
      <script language="JavaScript" type="text/javascript">
      function moveup(){
        document.layer1.top += 1;
      }
      </script>
      </head><body>
      <div name="layer1" id="layer1" style="position:absolute; top:250px">
        <a href="javascript:moveup();">nach oben</a>
      </div>
      </body></html>

      1. hi,

        O.k. aber auch korrigiert funktioniert der Mist nicht...

        das wird an diesem zugriff liegen,

        document.layer1.top += 1;

        verwende stattdessen die unter http://selfhtml.teamone.de/javascript/objekte/style.htm im zweiten beispiel ("Beispiel für DOM-Syntax") verwendete syntax zum zugriff auf die CSS-eigenschaft.

        gruss,
        wahsaga