Content von Textdateien mit JavaScript einfügen
Text mit Hilfe von JavaScript in HTML-Seiten einzufügen
Übersicht / Seite:
- Dateien mit PHP einbinden (Dateien includen oder requirieren)
- Weitere Möglichkeiten mit PHP (Dateien mit Schleifen einlesen)
- Dateien mit HTML einbinden (mit iFrame oder Object)
- Textdateien mit JavaScript einfügen (Beispiele und Lösungsansätze)
- Content mit Ajax verarbeiten (kleine Einführung)
Lösungsansätze und Möglichkeiten
Es gibt unterschiedliche Lösungsansätze und Möglichkeiten, um Textdateien
mit Hilfe von JavaScript in bestehende HTML-Seiten einzufügen, die populärste Möglichkeit wurde unter dem
Begriff Ajax bekannt. Beispiele für Ajax- Anwendungen folgen ab der nächsten Seite, auf dieser Seite sollen
zuerst andere Varianten für den Umgang und die Einbindung von Textdateien betrachtet werden.
Im ersten Beispiel wird zuerst die kleine datei.txt von Seite 1 kurzzeitig mit window.open als Popup geöffnet,
der Inhalt der Textdatei dabei in der Variablen "vonSeite" gespeichert und das geöffnete Popup
wieder geschlossen. Mit der Methode getElementById wird dann der Wert der Variablen "vonSeite"
in die Textarea geschrieben.
Es sei angemerkt, dieser Lösungsansatz funktioniert nur im Internet Explorer, nicht jedoch z.B. im Firefox.
Im IE aber auch nur dann, wenn die Annahme des Popups ausdrücklich bestätigt wird.
Kleines Beispiel mit Popup:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Nur ein Test</title>
<script type="text/javascript">
var vonSeite;
function fuegeEIN(){
vonSeite = window.open("datei.txt");
document.getElementById("inAusgabe").value = vonSeite.document.body.innerText;
vonSeite.close();
}
</script>
</head>
<body onload="fuegeEIN()">
<div align="center">
<h1>Nur ein Test</h1>
<textarea rows="9" cols="86" id="inAusgabe" name="meinTest"></textarea>
</div>
</body>
</html>
dokument.write
Bei der Verwendung der Scriptsprache JavaScript ist write() eigentlich die üblichste Methode um Text in
einem Dokument auszugeben und entspricht etwa dem echo oder print bei PHP. Neben write() ist noch die Methode
writeln() erwähnenswert, welche vorhandene Zeilenumbrüche im Text berücksichtigt. Die Methoden write() und
writeln() haben jedoch den Nachteil, dass der Text aus einer Textdatei nicht einfach damit in einer neuen
Seite eingefügt und ausgegeben werden kann, sondern sind bereits in der einzufügenden Datei zu benutzen.
Die kleine datei.txt von der ersten Seite ist somit wie folgt für eine Ausgabe vorzubereiten.
Die einstige Textdatei: datei.js
document.write("Ich bin eine kleine Testdatei, bei
der nun die Endung von txt in js "
+ "umgetauft wurde. Mein Name spielt keine Rolle, nur meine Extension hat eine "
+ "gewisse Bedeutung.<br>"
+ "Weiterhin wird die in mir enthaltende Zeichenkette bzw. mein String nun in "
+ "Klammern eingefasst, weil mein Inhalt sonst nicht ausgegeben werden kann.");
Die so vorbereitete Textdatei, welche nun durch die Änderungen zu einer JavaScript-Datei
wurde, kann dann mit folgender Zeile in einer anderen Seite eingefügt und ausgegeben werden.
<script type="text/javascript" src="datei.js"></script>
Mehr zum Thema Einfügen und Ausgeben von Dateien mittels PHP oder mit Hilfe von JavaScript und Ajax auf
den vorausgehenden und nachfolgenden Seiten.
weiterlesen: 1, 2, 3 «
/ » 5 |
