Mr.T: Document.write ???

Hallo,
ich suche nach einer guten Lösung :)

ich habe hier eine .dat-Datei mit dem Inhalt:

var Counter = '4';

welche mit Hilfe von Javascript ausgelesen werden soll, :

<script src="vdatei.dat"></script>
<script>
<!--
document.write(Counter);
//-->
</script>

damit ich den Inhalt der Variable 'Counter' auf meiner HTML seite ausgeben kann.

Das Problem: Auf der 'Ausgabe-HTML' seite haben so ziemlich alle Objekte, Texte etc. eine relative Position. Jetzt möchte ich (in diesem Fall den Wert 4) an einer von mir festgelegten Positon ausgeben lassen (links: 50px , oben: 550px). Am besten auch noch so, dass ich Schrift- Art und Farbe beeinflussen kann.

Ich hoffe jemand hat eine Lösung( davon bin ich jedoch überzeugt, da man immer schnell und gute Hilfe in diesem Forum bekommt)

  1. Hallo. Sowas: ?

    <html>  
    <head>  
    <title>Counter</title>  
    <style type="text/css">  
    #div { position:absolute; top:30px; left:10px;  
          z-index:1; }  
      
    </style>  
    <script type="text/javascript"><!--  
    function init() {  
    var Counter = '4';  
      
      
       var div = document.getElementById("div");  
       var p = document.createElement("p");  
       p.setAttribute("id", "counter");  
       textknoten = document.createTextNode(Counter);  
       p.appendChild(textknoten);  
       div.appendChild(p);  
      
    }  
    //--></script>  
    </head>  
    <body onload="init();">  
    <div id="div" style="top:550px; left:50px"></div>  
    </body>  
    </html>
    

    MFG Hackerboy1993

    1. Hey cool danke: ich werde es ausprobieren :)

    2. Hi,

      var div = document.getElementById("div");
         var p = document.createElement("p");
         p.setAttribute("id", "counter");
         textknoten = document.createTextNode(Counter);
         p.appendChild(textknoten);
         div.appendChild(p);

      Oder auch einfach: document.getElementById("div").innerHTML=Counter;

      Sofern man das DIV nicht einfach mit write() ausgibt ...

      ... was zudem auch in mehr Browsern funktioniert (sofern man HTML verwendet).

      <div id="div" style="top:550px; left:50px"></div>

      Style-Angaben doppelt?

      Gruß, Cybaer

      --
      Man muß viel gelernt haben, um über das, was man nicht weiß, fragen zu können.
      (Jean-Jacques Rousseau, Philosoph u. Schriftsteller)
      1. Auch Hi,

        Oder auch einfach: document.getElementById("div").innerHTML=Counter;

        kannst du nicht auch ein ganzes Script posten den ich wüsste nicht was ich in diesem fall ersetzen müsste..

        Sofern man das DIV nicht einfach mit write() ausgibt ...

        und wie sähe das dann im script aus?

        ... was zudem auch in mehr Browsern funktioniert (sofern man HTML verwendet).

        HTML - Ja ... dann wäre es für mich im Prizip die bessere lösung? -Da es in mehreren Browsern funktioniert?

        gruß Mr.T

        1. Hi,

          Oder auch einfach: document.getElementById("div").innerHTML=Counter;
          kannst du nicht auch ein ganzes Script posten

          Das *ist* das ganze Script.

          HTML - Ja ... dann wäre es für mich im Prizip die bessere lösung? -Da es in mehreren Browsern funktioniert?

          Prinzipiell: ja.

          In SELFHTML-Beispiel zu write() wird auch HTML-Code ausgegeben. Du mußt nur nachschlagen ...

          Gruß, Cybaer

          --
          Man muß viel gelernt haben, um über das, was man nicht weiß, fragen zu können.
          (Jean-Jacques Rousseau, Philosoph u. Schriftsteller)
    3. ok, ich habe ers probiert und es klappt :)

      DANKE für die gute lösung

      Hau rein   Mr.T