Delphi-PRAXiS

Delphi-PRAXiS (https://www.delphipraxis.net/forum.php)
-   Programmieren allgemein (https://www.delphipraxis.net/40-programmieren-allgemein/)
-   -   JavaScript: Externe Datei includen (https://www.delphipraxis.net/55624-javascript-externe-datei-includen.html)

Plague 24. Okt 2005 14:23


JavaScript: Externe Datei includen
 
Hallo,

ich möchte eine html Datei mit JavaScript includieren.
Sprich ich möchte den Text aus dieser Datei auf meiner Seite stehen haben.
Ist das möglich wenn ja wie?

Gruß
Thomas

jim_raynor 24. Okt 2005 15:20

Re: JavaScript: Externe Datei includen
 
Mit JavaScript im Browser ist es nicht möglich, da keine Zugriffsmöglichkeit auf die Lokale Platte besteht.

idontwantaname 24. Okt 2005 16:26

Re: JavaScript: Externe Datei includen
 
Durch Umwege ist es theoretisch möglich, praktisch jedoch nicht unbedingt.
Was meine ich damit: mit einem IFrame und dann über Javascript anprechen:
Code:
<iframe src="seite2.htm" id="das_iframe"></iframe>
<script type="text/javascript">
  var the_frame = document.getElementById('das_iframe');
  alert(the_frame.document.title);
  document.write(the_frame.document.getElementsByTag('body')[0].innerHTML); // ich weiß nicht, ob das innerHTML hier jetzt unterstützt wird
</script>
Probleme gibt es mit Firefox (the_frame.document ... existiert nicht), Opera funktioniert problemlos, IE hab ich nicht getestet, weil ich gleich weg gehn muss ...

tschau

[edit] abschließendes code-tag hinzugefügt

chaosben 24. Okt 2005 16:28

Re: JavaScript: Externe Datei includen
 
Nun ja, es ist schon möglich, wenn die Datei per url (also per INet) verfügbar ist.
Dann kannst du die Datei in einen versteckten IFrame (Größe 0x0 px) laden und dann den Inhalt aus dem IFrame nehmen (innerHTML).
Das Ganze hat nur einen Hacken: die Datei wird nicht sofort bei der Zuweisung der neuen Adressen komplett da sein. Das heisst, du musst per delay warten, bis sich der Inhalt des IFrames nicht mehr ändert.
Und als kleinen Mut-Macher: Es geht, ich habs schon mal gemacht. :)

//verdammt, zu spät

/Nachtrag: es gibt einen Weg, der auch mit dem feurigen Fuchs funzt. Wenn du Interesse daran hast, such ich das noch mal raus

idontwantaname 24. Okt 2005 20:18

Re: JavaScript: Externe Datei includen
 
Zitat:

Zitat von chaosben
/Nachtrag: es gibt einen Weg, der auch mit dem feurigen Fuchs funzt. Wenn du Interesse daran hast, such ich das noch mal raus

ja bitte, das wäre nett :)

SirThornberry 24. Okt 2005 20:29

Re: JavaScript: Externe Datei includen
 
beim IE geht das ganze nur Bedingt. Wenn die sicherheitseinstellungen angemessen gesetzt sind (ich glaub standadmäßig nach installation von SP2) dann ist der zugriff auf andere Frames außerhalb der Domän nicht erlaubt. Wenn dein javascript also auf "http://xyz.de/....." liegt so ist es nicht erlaubt auf einen Frame der Domän "http://abc.de/...." zu zugreifen.

chaosben 25. Okt 2005 05:34

Re: JavaScript: Externe Datei includen
 
So ich hab mir deinen Start-Post noch mal durchgelesen und bemerkt, das ich hier doch die einfache Lösung posten kann. Einfach insofern, das du bei dieser Lösung den geladenen Quellcode nicht in einer Variable hast.

Also folgendes in der .html-Datei:
XML-Code:
<html>
<head>
<script type="text/javascript" src="scripts.js"></script>
</head>
<body onload="LoadFile('home.html');">

<a onClick="LoadFile('test.html')">Test</a>

<div id="ContentDiv">
</div>

</body>
</html>
Und dann das Script:
Code:
function LoadFile(File)
{
  var Target=document.getElementById("ContentDiv");
  Target.innerHTML='<iframe id="ContentFrame" src="'+File+'" width="100%" scrolling="auto" frameborder="no"></iframe>';
}
So sollte es gehen. Wenn du die geladene Datei als Variable brauchst, wirds etwas schwieriger.

Plague 25. Okt 2005 08:11

Re: JavaScript: Externe Datei includen
 
Ich möchte es aber als Variable :(

Damit ich es verarbeiten kann... Kannst du mir da noch mal auf die Sprünge helfen?
So habe ich ja jetzt nur einen gefüllten Frame...

chaosben 25. Okt 2005 11:10

Re: JavaScript: Externe Datei includen
 
So, hier mal ein Ansatz, wie er im brennden Gänsejäger funktioniert:

XML-Code:
<html>
<head>
<script type="text/javascript" src="scripts.js"></script>
</head>
<body>

<a onClick="LoadFile('Pacman.txt')">Test</a>

<iframe id="DataLoader" style="width:100pt; height:100pt" />

</body>
</html>
Code:
var Data="";

function LoadFile(File)
{
  Data="";
  document.getElementById("DataLoader").src=File;
  setTimeout("WaitForData()",500);
}

function WaitForData()
{
  if (document.getElementById("DataLoader").contentDocument.documentElement.innerHTML != Data)
  {
    Data=document.getElementById("DataLoader").contentDocument.documentElement.innerHTML;
    setTimeout("WaitForData()",500);
  }
  else
    On_DataComplete();
}

function On_DataComplete()
{
  alert(Data);
}
Bitte nicht meckern, ist quick&dirty.


Alle Zeitangaben in WEZ +1. Es ist jetzt 16:17 Uhr.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
LinkBacks Enabled by vBSEO © 2011, Crawlability, Inc.
Delphi-PRAXiS (c) 2002 - 2023 by Daniel R. Wolf, 2024 by Thomas Breitkreuz