HTML-Datei im DIV-Container einbinden

[oberstift]

Hallo zusammen,
ich habe folgenden Code:
...
<div>
  <h1> Überschrift </h1>

<div> hier steht mein Text drin (inkl. HTML-Tags)
        ...
  </div>
</div>
...

Dieses Code-Fragment kommt auf verschiedenen Seiten vor. Wenn ich jetzt in meinem DIV-Container etwas ändere, dann muss ich das auch auf allen anderen Seiten machen. Das ist aber viel Arbeit und nicht sehr praktikabel.
Jetzt meine Frage:
Wie kann ich da eine HTML-Datei einbinden, dass ich eine zentrale Stelle habe, wo ich dann die Änderungen vornehmen kann?
SSI ist leider nicht möglich. Das habe ich nachgefragt und ausprobiert!

Herzlichen Dank...

Gruß
STEPHAN

[Gunnar Bittersmann]

Hello out there!

Wie kann ich da eine HTML-Datei einbinden, dass ich eine zentrale Stelle habe, wo ich dann die Änderungen vornehmen kann?
SSI ist leider nicht möglich. Das habe ich nachgefragt und ausprobiert!

Und PHP? (readfile())

Wenn dir serverseitige Techniken nicht zur Verfügung stehen, bietet sich ein Editor mit entsprechender Fähigkeit, Fragmente aus anderen Daeien einzubinden, an. Oder ein Wechsel des Hosters bzw. dessen Angebotspakets.

See ya up the road,
Gunnar

[Manko10]

Und PHP? (readfile())

Wieso readfile()? require() bietet sich doch viel mehr an.

[Der Martin]

Hallo,

Und PHP? (readfile())
Wieso readfile()? require() bietet sich doch viel mehr an.

nein, in diesem Beispiel überhaupt nicht.
Denn genau wie include fügt require ja nicht nur einfach den Inhalt der referenzierten Datei ein, sondern führt eventuell darin enthaltenen PHP-Code auch aus.
Will man "nur" statisches HTML oder Text einfügen, ist das eine zusätzliche Fehler- und Gefahrenquelle.

Im Gegensatz dazu reicht readfile() den Dateiinhalt nur uninterpretiert durch, da "kann also nichts passieren".

So long,
 Martin

[twseiten_de]

Hallo,

eine HTML-Datei ist nicht dasselbe wie HTML-Daten.

Unter der Annahme, dass es eine HTML-Datei ist, wird also u.a. auch BODY als Daten erzeugt, also ein Dokument-Objekt, welches eine Fensterinstanz benötigt.

HRML-Daten sind Ergänzungen zu einem Objekt. Typisch ist die Eigenschaft .innerHTML, die allerdings nicht jedes Objekt besitzen muss.

Beim Internet Explorer gibt es noch .innerText, also Text-Daten ohne HTML-Code.

HTML-Daten werden mit Einlesen geparst und ev. sofort ausgeführt.
Daher kann man z.B. einen DIV-Inhalt dynamisch ändern mit JavaScript.
Woher der Inhalt stammt, ist wurscht. Der Inhalt kann z.B. aus einer JavaScript-Datei stammen (per SCRIPT-Tag einbinden).

Beispiel:

JavaScript-Datei test.js mit Inhalt

var testjs_String='<IMG SRC="test.gif"></IMG>Der Text neben dem Bild<BR>Andere Zeile';

test.js in das HTML-Dokument einbinden per <SCRIPT SRC=test.js></SCRIPT>

Im HTML-Dokument steht irgendwo der DIV, dessen Inhalt geändert wird.

<DIV ID="ID_DIV"></DIV>

per JavaScript-Funktion im <SCRIP> ...</SCRIPT> im Head oder Body

function DIV_innerHTML_Aendern()
{ID_DIV.innerHTML=testjs_String;}
           // Achtung: Manche Browser kennen ID_DIV als Zeiger nicht
           //  dann muss getelementsByID() verwendet werden.
           // Internet Explorer kann IDDIV als Zeiger direkt
           //      kodiert verwenden

Fazit: Je nach Inhalt der JS-Datei ändert sich der DIV.

Gruss Tom.

Hinweis: per createElement() und appendchild() lassen sich Objekte wie DIV und  SCRIPT dynamisch erzeugen.

[Gunnar Bittersmann]

Hello out there!

Was bitte hat JavaScript mit der Frage des OP zu tun??

PS:

var testjs_String='<IMG SRC="test.gif"></IMG>Der Text neben dem Bild<BR>Andere Zeile';

Man sollte mit JavaScript keinen ungültigen HTML-Code generieren. <http://de.selfhtml.org/html/grafiken/einbinden.htm@title=Grafiken einbinden>

test.js in das HTML-Dokument einbinden per <SCRIPT SRC=test.js></SCRIPT>

Man sollte auch per Hand keinen ungültigen HTML-Code generieren. <http://de.selfhtml.org/javascript/intro.htm#javascriptbereiche@title=JavaScript einbinden>

See ya up the road,
Gunnar

[twseiten_de]

Hallo,

angefragt vom Erstposter wurde
 HTML-Datei im DIV-Container einbinden.

HTML-Datei und HTML-Daten sind nicht dasselbe.

In einem DIV kann nur dasjenige Objekt erzeugt werden, das im
HTML-DOM zugelassen ist, also z.B. kein document oder body im DIV.

HTML-Datei wird beim Einlesen geparst, so dass der Code ausführbar wird - analog zu HTML-Daten.

Um eine Datei einzubinden, muss eine -Referenz auf die Datei gelegt werden: Der Browser muss angewiesen werden, die Datei anzufassen.
Das enspricht z.B. einem HTML-Tag-Element mit HREF-Attribut, das den
Browser agieren lässt. In welchem HTML-Element das HREF steht ist egal. Selbst aus einer JS-Datei ist Scriptcode importierbar.

Importierte Daten aus einer Datei müssen als Wert verfügbar sein, also per Referenz dem DIV übergeben werden: .inner HTML weist den Browser an, den HTML-Code zu speichern und auszuführen.

Der Parser entscheidet auf Codegültigkeit bzw. die Intelligenz des
Programmieres, Daten in einen DIV dynamisch zu hinterlegen, wobei die Daten aus einer externen Datei stammen - Das war die Anfrage des Erstposters.

Tom.

[Gunnar Bittersmann]

Hello out there!

Inwiefern dein Geschwafel eine Antwort auf mein Posting ist, bleibt mir unklar.

[…] Daten in einen DIV dynamisch zu hinterlegen, wobei die Daten aus einer externen Datei stammen - Das war die Anfrage des Erstposters.

Eine wesentliche Frage von mir ließst du unbeantwortet:

Was bitte hat JavaScript mit der Frage des OP zu tun??

Na gut, ich beantworte sie dir: Rein gar nichts.

See ya up the road,
Gunnar

[wahsaga]

hi,

Um eine Datei einzubinden, muss eine -Referenz auf die Datei gelegt werden: Der Browser muss angewiesen werden, die Datei anzufassen.
Das enspricht z.B. einem HTML-Tag-Element mit HREF-Attribut, das den
Browser agieren lässt. In welchem HTML-Element das HREF steht ist egal. Selbst aus einer JS-Datei ist Scriptcode importierbar.

Importierte Daten aus einer Datei müssen als Wert verfügbar sein,

Schön, werd' doch mal konkret:
Worüber ist jetzt ein "Dateiinhalt" verfügbar, wenn ich irgendeinem Element ein href-Attribut mitgegeben habe.

also per Referenz dem DIV übergeben werden: .inner HTML weist den Browser an, den HTML-Code zu speichern und auszuführen.

Noch haben wir den HTML-Code aber gar nicht.
Diese Schritt hast du nämlich unterschlagen.

gruß,
wahsaga