Philipp B: Netscape und document.write ...

Sorry, so ein Problem stand hier vor kurzem schon mal.
Da wars aber noch nicht 'mein Problem' und ich hab die Frage und die Antworten eher überflogen als verstanden. Jetzt hab ich das Problem und finde die Frage nicht mehr wieder.
Also muß ich wohl dreist sein:

Problem gehört zur Gattung 'Läuft mit dem Explorer und nicht mit Netscape'
Es liegt auf jeden Fall an der document.write's, weil ohne die (also von Hand ins Dokument geschrieben ohne Variablen) geht es.
Mit Javascript geschrieben tut Netscape ungefähr oder genau so, als gäbs keine style- und Positionsangaben.

<script language="JavaScript">
document.write('<div id="firstPage" style="position:absolute;top:'+(ymax-130)+'px;left:'+(xmax-350)+'px;z-index:10;height:100px;width:300px;">');
document.write('<layer id="firstPageLay" z-index=10 height=100 width=300>');
document.write(' <h1 style="font-size:80px; color:#ccccff; text-align:left;"> Glotze</h1>');
document.write('<div style="position:relative;top:-60px;left:200px;">');
document.write('<h1 style="font-size:20px;color:cccc00;">.da.ru</h1></div> </layer></div>');
</script>

Ich habs schon stumpf mit Ausprobieren von this.document.write oder document.writeln oder window.document.write probiert, das ist es auch nicht.

Was mach ich falsch??

Wahrscheinlich wird sich irgendwer an der div-layer-Verschachtelung stoßen. Anscheinend soll man ja ohne layer-tags auskommen,kann auch sein das das hier ohne die geht.
Mit der Problematik hab ich nach 2-3 Tagen erstmal aufgegeben (ohne layer positioniert Netscape manchmal sehr anders) und suche jetzt immer durch Probieren eine Lösung, die  funktioniert.

Philipp

  1. Mit Javascript geschrieben tut Netscape ungefähr oder genau so, als gäbs keine style- und Positionsangaben.

    <script language="JavaScript">
    document.write('<div id="firstPage" style="position:absolute;top:'+(ymax-130)+'px;left:'+(xmax-350)+'px;z-index:10;height:100px;width:300px;">');
    document.write('<layer id="firstPageLay" z-index=10 height=100 width=300>');
    document.write(' <h1 style="font-size:80px; color:#ccccff; text-align:left;"> Glotze</h1>');
    document.write('<div style="position:relative;top:-60px;left:200px;">');
    document.write('<h1 style="font-size:20px;color:cccc00;">.da.ru</h1></div> </layer></div>');
    </script>

    Hallo Philipp,

    definiere einfach css-Klassen. Die übernimmt der Navi dann auch.

    Viele Grüße

    Antje

  2. Das Problem wird wohl in den unmaskierten Anführungszeichen liegen. Da die JavaScript-Variablen üblicherweise in Anführungszeichen eingeschlossen werden, könnte der Browser durch die vielen " durcheinander kommen.
    Alle " müssen mit einem vorangestellten Backslash maskiert werden.

    So müsste es gehen:

    document.write("<div id="firstPage" style="position:absolute;top:"+(ymax-130)+"px;left:"+(xmax-350)+"px;z-index:10;height:100px;width:300px;">");

    1. Das Problem wird wohl in den unmaskierten Anführungszeichen liegen. Da die JavaScript-Variablen üblicherweise in Anführungszeichen eingeschlossen werden, könnte der Browser durch die vielen " durcheinander kommen.
      Alle " müssen mit einem vorangestellten Backslash maskiert werden.

      Dachte, das ist nur bei Perl so und bei Javascript regelt man das mit " und '.
      Naja Es klappt irgendwie auch nicht nach Deiner Methode.
      Was auch merkwürdig ist: folgendes klappt wunderbar:

      <script language="JavaScript">
          document.writeln('<img src="dummy.gif" top=0 height='+(ymax-3)+'  width=2 border=0 margin=0>');
          </script>

      Naja vielleicht liegts auch daran, daß mich die letzen Tage die Grippe erwischt hat und mit leichtem Fieber übersieht man ja immer die simpelsten Fehler in Zeilen wie diesen.

      Sieht jetzt übrigends so aus, der Teil, der immernoch nicht klappt.

      <script language="JavaScript">
      document.writeln("<div id="firstPage" style="position:absolute;top:"+(ymax-130)+"px;left:"+(xmax-350)+"px;z-index:10;height:100px;width:300px;">");
      document.writeln("<layer id="firstPageLay" z-index=10 height=100 width=300>");
      document.writeln("<h1 style="font-size:80px; color:#ccccff; text-align:left;"> blablabla</h1>");
      document.writeln("<div style="position:relative;top:-60px;left:200px;">");
      document.writeln("<h1 style="font-size:20px;color:#cccc00;">bla</h1></div> </layer></div>");
      </script>
        
      Muß man den Kram eigentlich wirklich so kompliziert mit writeln machen, nur um Objekte vom unteren Seitenrand gesehen auszurichten?

      Philipp