David: Inhalte von ILAYERn neu schreiben...

Beitrag lesen

Hallo Forum,

ich habe diese Frage zwar schon mehrere Male in Zusammenhang mit anderen Fragen gestellt, bekam aber nie eine klärende Antwort. Deswegen stelle ich sie nochmal explizit und hoffe, daß die ganzen Netscape-Fanatiker ;) unter euch eine Antwort darauf wissen.

Zuerst mal der Quelltext:

<!-- ----------- snip ------------- -->

<SCRIPT LANGUAGE="JavaScript">
  var small = true;
  
  function resize() {
    if (document.all) { // IE
      if (small) {
        small = false;
        document.all.hausIE.width = '400';
        document.all.hausIE.height = '300';
        document.all.hausIE.src = 'images/haus.jpg';
      } else {
        small = true;
        document.all.hausIE.width = '200';
        document.all.hausIE.height = '150';
        document.all.hausIE.src = 'images/haus_small.jpg';
      }
    } else if (document.layers) {
      if (small) {
        small = false;
        document.hausNS.document.open();
        document.hausNS.document.write("<A HREF='javascript:resize();'><IMG NAME='hausIE' SRC='images/haus.jpg' WIDTH=400 HEIGHT=300 ALT='Das Firmengebäude / anklicken zum Ändern der Größe' BORDER=0></A>");
        document.hausNS.document.close();
      } else {
        small = true;
        document.hausNS.document.open();
        document.hausNS.document.write("<A HREF='javascript:resize();'><IMG NAME='hausIE' SRC='images/haus_small.jpg' WIDTH=200 HEIGHT=150 ALT='Das Firmengebäude / anklicken zum Ändern der Größe' BORDER=0></A>");
        document.hausNS.document.close();
      }
    }
  }
</SCRIPT>

[...]

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
  // fuer die korrekte Tabellenhoehe - Netscape reserviert normalerweise Platz fuer Scrollbars
  var height = (document.layers ? window.innerHeight + 4 : "100%");
  document.writeln("<TABLE WIDTH=700 HEIGHT=" + height + " BORDER=0 CELLSPACING=0 CELLPADDING=0 ALIGN='center'>");
</SCRIPT>
<TR>
  [...]
  <TD WIDTH=696 HEIGHT="100%" ALIGN="left" VALIGN="top">
    <TABLE WIDTH="100%" HEIGHT="100%" BORDER=0 CELLSPACING=0 CELLPADDING=5><TR><TD>

<DIV ALIGN="center">
        [...]
<ILAYER ID="hausNS">
        <A HREF="javascript:resize();"><IMG NAME="hausIE" SRC="images/haus_small.jpg" WIDTH=200 HEIGHT=150 ALT="Das Firmengebäude / anklicken zum Ändern der Größe" BORDER="0"></A>
        </ILAYER>
        [...]
      </DIV>
    </TD></TR></TABLE>
  </TD>
  [...]
</TR>
</TABLE>

<!-- ----------- snap ------------- -->

Es wird also ein kleines Bild angezeigt und beim draufklicken soll ein neues, größeres Bild geladen werden. Dummerweise macht Netscape Dinge, die ich nicht nachvollziehen kann. Zum ersten wird nur ein Viertel des Bildes angezeigt (untere rechte Ecke) und unter dem Bild stehender Text wird durch ein weißes Rechteck überdeckt. Zweitens kann ich danach nicht mehr auf das Bild klicken, obwohl per document.write auf ein entsprechender Link geschrieben wird.

Die Seite ist auch zu sehen unter http://www.novaline.de/entwurf

Bitte bitte, helft mir.

MhG,
  David (Mit hoffenden Grüßen ;)