SeitenElememente (Footer, ect.) per JS/PHP einfügen?

[Whiz-zarD]

Ich meinte keine Frames.
Für gewöhnlich teilt man dynamische Webseiten in einzelne Teilbereiche auf und fügt sie dann später mit einer Scriptsprache wieder zusammen.

So hat man z.B. eine Datei für den Header, eine für die navi, eine für den Content, ...

So kann man schnell und leicht irgendwas verändern, ohne ausversehen, was andereres kaputtzumachen. Bei php gibt es z.B. die Include()-Funktion. Das fügt genau an der Stelle eine Datei ein. auch html Dateien kann man damit inkludieren.
html Dateien müssen ja nicht vollständige html-dokumente sein. Können ja auch nur kleine Teile eines großen sein.

Andere Möglichkeit wäre, ein komplettes Template zu basteln, wo die Inhalte später reinkopiert werden aber damit kenn ich mich nicht besonders gut aus.

[drunken monkey]

Ich meinte keine Frames.
Für gewöhnlich teilt man dynamische Webseiten in einzelne Teilbereiche auf und fügt sie dann später mit einer Scriptsprache wieder zusammen.

So hat man z.B. eine Datei für den Header, eine für die navi, eine für den Content, ...

So kann man schnell und leicht irgendwas verändern, ohne ausversehen, was andereres kaputtzumachen. Bei php gibt es z.B. die Include()-Funktion. Das fügt genau an der Stelle eine Datei ein. auch html Dateien kann man damit inkludieren.

...

Vorsicht, du vermischt hier serverseitige und clientseitige Scripts, was doch ein ziemlich großer Unterschied ist.
Dass es mit (serverseitigem) PHP ein Kinderspiel ist, eine Seite aus mehreren Dateien zusammenzubasteln, stimmt. Bei (clientseitigem) Javascript sieht die Sache allerdings schon deutlich anders aus.
Natürlich gibt es die Möglichkeit, mit AJAX o.ä. eine Seite auszulesen und in eine andere zu inkludieren. Sowas Kompliziertes nur wegen eines Footers zu machen, dürfte aber etwas übertrieben sein. Also wird der Code wohl doch im Javascript stehen müssen.

Hier kenne ich mich allerdings nicht sonderlich gut aus. Früher wäre es wohl einfach so gegangen:

bla.html:

HTML-Code:

<div>
  <!-- Hier soll der Footer hin. -->
  <script type="text/javascript" src="footer.js"></script>
</div>

footer.js:

Code:

document.write("Diese Seite ist &copy; by <em>Max Mustermann</em>! Stehle sie und <strong>STIRB EINES QUALVOLLEN TODES!!!!1111</strong>");

Das ist aber (afaik) mittlerweile seit einigen Jahren deprecated und funktioniert z.B. bei konformen Seiten im Firefox (noch mehr afaik) überhaupt nicht mehr.
Schönerer Stil ist es, DOM-Nodes zu erzeugen und in den DOM-Baum einzufügen, was recht kompliziert ist, aber auch gehen sollte. Hier findest du Referenzen bzw. ein Tutorial dazu:
http://www.howtocreate.co.uk/tutoria...ript/dombasics
http://de.selfhtml.org/javascript/objekte/document.htm
http://de.selfhtml.org/javascript/objekte/node.htm

Falls du allerdings keine HTML-Tags im Footer stehen hast, sondern bloß reinen Text (oder schon vorher weißt, welche Tags stehen werden und in die auch einzeln den Text einfügen könntest) geht's deutlich einfacher:
document.getElementById("footer").firstChild.nodeValue = "Das ist meine Seite, klau sie nicht!";
Sollte zumindest so sein. (firstChild deswegen, weil du zum Text-Node innerhalb des Divs musst.)


Allgemein ist das vielleicht etwas viel Mühe um sich ein einfaches Search/Replace über mehrere Dokumente zu ersparen (was z.B. Notepad++ auch in einem kann), aber andererseits lernt man wenigstens auch was dabei, also mach' ruhig.

[Whiz-zarD]

Hier kenne ich mich allerdings nicht sonderlich gut aus. Früher wäre es wohl einfach so gegangen:

bla.html:

HTML-Code:

<div>
  <!-- Hier soll der Footer hin. -->
  <script type="text/javascript" src="footer.js"></script>
</div>

footer.js:

Code:

document.write("Diese Seite ist &copy; by <em>Max Mustermann</em>! Stehle sie und <strong>STIRB EINES QUALVOLLEN TODES!!!!1111</strong>");

Das ist aber (afaik) mittlerweile seit einigen Jahren deprecated und funktioniert z.B. bei konformen Seiten im Firefox (noch mehr afaik) überhaupt nicht mehr.

...

An sowas hatte ich gedacht aber das dies nicht mehr möglich ist, wusste ich nicht. ^^