Menü-Problem

bianca1000 · 26.10.2022

Hallo,
ich habe ein Problem mit dem Menü der Homepage.

Ursprünglich hatte ich das Menü in jeder Seite integriert und alles hat gut funktioniert (Quelltext siehe original.zip).
Der Nachteil ist aber, wenn ich am Menü etwas ändern muß, dann muß ich das Menü in 6 bzw. noch mehr Seiten ändern.

Deshalb habe ich das Menü in eine Datei menu.htm ausgelagert und in die anderen Seiten über <object data="system/menu.htm" width="227" height="150"></object> eingebunden (Quelltext siehe modified.zip).
Leider funktioniert so das Menü nicht. Kann mir jemand sagen, was ich falsch gemacht habe?

Herzlichen Dank schon jetzt.
Grüße
Bianca Kepler

Sempervivum · 26.10.2022

Das object-Tag ist für diesen Zweck nicht geeignet, verwende besser PHP, ist hier gut beschrieben:
https://wiki.selfhtml.org/wiki/PHP/Tutorials/Templates/Dateien_mit_include_nachladen#Auslagern_der_Navigation

bianca1000 · 28.10.2022

Danke Sempervivum!
Habe leider keine Ahnung von php.
Gibt es vielleicht eine html-Lösung?

Sempervivum · 28.10.2022

Hallo Bianca,
das ist ziemlich einfach und man muss nicht groß Ahnung von PHP haben. Lies dir die Anleitung bei Selfhtml durch.

Alternativ gibt es auch eine Lösung mit Javascript indem man die Unterseiten mit fetch lädt aber die ist eher ein Stück komplizierter als die mit PHP.

scatello · 28.10.2022

Hier ein Beispiel:

PHP:

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Titel</title>
  </head>
  <body>
<?php
    readfile("menu.html");
?>
  </body>
</html>

Voraussetzung ist natürlich, dass auf dem Server PHP zur Verfügung steht.

bianca1000 · 04.11.2022

Problem gelöst.

DANKE für Eure Hilfe!

Habe mich ein wenig in PHP eingelesen und es funktioniert.

Habe auch Javascript fetch ausprobiert, funktioniert auch.

Nochmals vielen Dank für Eure Hilfe!

Grüße von bianca1000