Delphi-PRAXiS - [JS] document.write() überscheibt alles

Delphi-PRAXiS (https://www.delphipraxis.net/forum.php)

- Programmieren allgemein (https://www.delphipraxis.net/40-programmieren-allgemein/)

- - [JS] document.write() überscheibt alles (https://www.delphipraxis.net/126712-%5Bjavascript%5D-document-write-ueberscheibt-alles.html)

[JS] document.write() überscheibt alles

Hallo zusammen,

ich habe eine HTML-Datei, die wie folgt aufgebaut ist:

Code:

			<html>

   <head>

      <title>Widget-Test</title>

   </head>

   <body>

      Text

      <script type="text/javascript">

      <!--

      id = 140;

      //-->

      </script>

      <script type="text/javascript" src="http://localhost/pollunity/widget.js"></script>

      Text

   </body>

</html>

Wenn ich in der widget.js nun etwas über document.write() ausgebe, dann wird der gesamte HTML-Code überschrieben. Hinzu kommt vor der Ausgabe ein Neuladen der Seite, was zu einem Ladevorgang führt, der nicht mehr aufhört. Gebe ich nichts aus, funktioniert alles und das Skript beendet ordnungsgemäß.

Was ist da denn los? :gruebel:

Einen guten Rutsch wünscht
Matze

Re: [JS] document.write() überscheibt alles

Moin,

es waer evetnuell ganz geschickt die widget.js bzw. die relevanten Teile zu sehn, schliesslich ist da ja der Wurm drin. Die HTML-Datei ist da relativ uninteressant.

On the other hand, hast du es schonmal mit

appendChild() versucht? Damit kannst du den DOM relativ leicht manipulieren.

Greetz
alcaeus

Re: [JS] document.write() überscheibt alles

Hi Andy,

ach du meinst der Wurm steckt darin? Hier ist der relevante Teil:

Code:

			var Domain = 'http://localhost/pollunity/';

var serverFileWidgetPoll = Domain + 'ajax_widget_poll.php';

var serverFileVote = Domain + 'ajax_vote.php';

var my_ajax = new sack();

my_ajax.method = "post";

my_ajax.setVar("id", poll_id);

my_ajax.requestFile = serverFileWidgetPoll;

my_ajax.onCompletion = function(){

   show_poll(my_ajax.response);

};

my_ajax.runAJAX();

function show_poll(xml)

{

   var parser = new DOMParser();

   var doc = parser.parseFromString(xml, 'text/xml');

   var u_poll = doc.getElementsByTagName('u_poll')[0].firstChild.nodeValue;

   var question = doc.getElementsByTagName('question')[0].firstChild.nodeValue;

   var chart = doc.getElementsByTagName('chart')[0].firstChild.nodeValue;

   var answers = doc.getElementsByTagName('answer');

   document.write('a');

}

AppendChild nützt mir nichts, denn ich will den Source nicht in einen bestehenden Container einfügen, sondern möchte das so machen, wie es bei Google-AdSense der Fall ist: Man fügt nur JS ein und das wird dann "ersetzt".

Über document.write() möchte ich dann HTML-Code ausgeben.

Grüße, Matze

Edit: [code]- durch [c]-Tag ersetzt.
Edit 2: Selbst wenn in der FUnktion "show_poll()" nur ein "document.write()" steht, tritt das Problem auf. Das muss mit dem AJAX-Code zusammenhängen.

Re: [JS] document.write() überscheibt alles

Zitat:

Zitat von Matze

Kurz gesagt, du fuegst immer in einen Container ein. Wenn du keinen spezifischen raussuchst bzw. document.write() verwendest, ist eben das body-Tag dieser Container.

Setze mal das document.write() in eine Warteschleife (setTimeout), es kann naemlich durchaus sein dass der Browser zicken macht weil die Seite noch nicht komplett geladen ist. Du solltest in diesem Fall immer mit dem onload-Handler arbeiten, um sicherzustellen dass die Seite fertig ist bevor du darin rumpfuschst.

Greetz
alcaeus

Re: [JS] document.write() überscheibt alles

Moin Andy

Zitat:

Zitat von alcaeus

Kurz gesagt, du fuegst immer in einen Container ein. Wenn du keinen spezifischen raussuchst bzw. document.write() verwendest, ist eben das body-Tag dieser Container.

Hm gut, aber Google schafft es ja auch irgendwie. Mehr als das hier muss man dazu auf seiner Seite auch nicht einfügen:

Code:

			<script type="text/javascript"><!--

google_ad_client = "...";

google_ad_slot = "...";

google_ad_width = 468;

google_ad_height = 60;

//-->

</script>

<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>

Zitat:

Zitat von alcaeus

Setze mal das document.write() in eine Warteschleife (setTimeout), es kann naemlich durchaus sein dass der Browser zicken macht weil die Seite noch nicht komplett geladen ist. Du solltest in diesem Fall immer mit dem onload-Handler arbeiten, um sicherzustellen dass die Seite fertig ist bevor du darin rumpfuschst.

setTimeout bewirkt leider keine Änderung. Sobald "document.write()" ausgeführt wird, beginnt der Neuladevorgang und der alte Inhalt wird gelöscht, zumindest rotiert dann im FF das Lade-Icon. Einen Onload-Handler kann ich nicht nutzen, da ich es genauso haben möchte, wie Google es macht. Das gibt ein Skript, was andere auf ihrer Website einbinden können sollen.

Edit: Ich habe mal eine Demo hochgeladen. Das Timeout beträgt nun 3s, also nach 3s beginnt das Neuladen (zumindest im FF):

Demo

Grüße, Matze

Re: [JS] document.write() überscheibt alles

Moin,

ich bin grad aufm Sprung raus, werds mir aber heute Abend zu Hause nochmal angucken. Ich konnte das Problem im Firefox nachvollziehn, wuerde das Problem aber erstmal komplett durchtesten (sprich isolieren), ist ja schliesslich auch fuer mich interessant zu wissen worans liegt ;)

Greetz
alcaeus

Re: [JS] document.write() überscheibt alles

Moin,

ich frage mich gerade, ob das mit AJAX überhaupt geht. Ich habe das testweise nun über einen zusätzlichen Div-Container mit einer eigenen ID versucht, aber im Prinzip benötige ich externen Zugriff, obwohl alles auf dem eigenen Server liegt, befürchte ich :(

Grüße

Re: [JS] document.write() überscheibt alles

Das Problem hat sich nun erledigt. Ein Workaround ist im Thread

Web-Widget, welche Technik sollte genutzt werden? zu finden.

Grüße