CSS / DIVs ohne kompletten Reload

Homepage selbermachen 7.852 Themen, 35.619 Beiträge

CSS / DIVs ohne kompletten Reload

PingOfDeath am 27.05.2008, 20:04 / 7 Antworten / Baumansicht

Hallo,

ich möchte eine Homepage erstellen und dabei CSS mit Divs verwenden. Jetzt
kenne ich das so, dass man die "ganze Seite" immer neu mitlädt - soll heißen,
wenn ich ein Menü und ein "Fenster/Abschnitt" mit den Inhalten vom Menü
habe - dann ist der Aufbau des Menüs in alles Seiten gespeichert (nicht so
wie bei Frames).

Gibt es einen eleganten Weg das zu umgehen?
Erreichen möchte ich:

-Das Menü soll nur an einer Stelle geändert werden müssen wenn mal ein
Update ansteht.

Hatte schon an PHP gedacht, das man irgendwie immer eine Seite mit reinläd
... aber ich weiss nicht wie oder ob das der richtige Weg ist.

Frames und iFrames möchte ich möglichst vermeiden - auch Skripte wie
Javaskript etc. sollten nicht vorkommen.

Wäre sehr dankbar wenn mir jemand einen Tipp/Beispiel geben könnte!

MfG. PingOfDeath

asterix5

PingOfDeath „CSS / DIVs ohne kompletten Reload“

27.05.2008, 22:24 Optionen

Das Menü soll nur an einer Stelle geändert werden müssen wenn mal ein Update ansteht

Beim kostenlosen HTML-Editor Phase 5 gibt es die sogenannte include-Technik: Da änderst Du auf Deinem PC einmal zentral die include-Datei mit der Navigation und läßt das Programm automatisch alle "betroffenen" Dateien aktualisieren. Der Nachteil gegenüber einer server-seitigen Lösung ist aber, daß Du alle Dateien neu hochladen mußt.

Beispiel: nachfolgende Website "Rhodos-Bilder"

wlaner

PingOfDeath „CSS / DIVs ohne kompletten Reload“

29.05.2008, 21:13 Optionen

Hatte schon an PHP gedacht, das man irgendwie immer eine Seite mit reinläd
... aber ich weiss nicht wie oder ob das der richtige Weg ist.

So mach ichs bei allen meinen Seiten.
Voraussetzung ist natürlich serverseitiges scripting.

Das Menu wird dann in eine separate Datei gespeichert (menu.php) und in den einzelnen Dateien mit include('menu.php') an der dafür vorgesehenen Stelle eingefügt.

Beispiel:



        menu.php

        ------------------

        <div id="menu">

        <!-- ... -->

        </div>

        ------------------

        

        index.php

        ------------------

        <!-- an der stelle an der normalerweise der ganze div-Kram vom menu stand: -->

        <?php

        include('menu.php');

        ?>

        ------------------

Grüße,
WL

PingOfDeath Nachtrag zu: „CSS / DIVs ohne kompletten Reload“

29.05.2008, 22:33 Optionen

Danke Euch beiden :-)

Ich denke ich werde den Weg über PHP gehen - der Tipp mit Phase5 ist natürlich auch gut, aber das ständige ändern aller Dateien, auch wenns fast automatisch geht, möchte nicht machen.

Evtl. würde soetwas ja auch mit Ajax funktionieren .... ?

Wenn noch jemand Tipps hat - immer her damit!

Gruß, PingOfDeath :-)

Borlander

PingOfDeath „Danke Euch beiden :- Ich denke ich werde den Weg über PHP gehen - der Tipp mit...“

30.05.2008, 22:02 Optionen

Sowas solltest Du besser serverseitig machen. Dann funktioniert es auf jeden Fall beim Benutzer. Statt das Menü ein zu binden würde ich es eher andersrum machen: Eine Seite und dort jeweils den Seiteninhalt einbinden. Aber nicht einfach einen einen Dateinamen ungeprüft per GET-Parameter dafür verwenden!

Gruß
Borlander

wlaner

Borlander „Sowas solltest Du besser serverseitig machen. Dann funktioniert es auf jeden...“

31.05.2008, 01:10 Optionen

In eigenem Interesse: Welchen Vorteil bietet die Variante anstatt des Menus die versch. Seiteninhalte einzubinden?

WL

Borlander

wlaner „In eigenem Interesse: Welchen Vorteil bietet die Variante anstatt des Menus die...“

31.05.2008, 01:37 Optionen

Wenn man nur das Menü einbindet liegen der Rest des Seitenlayouts nach wie vor redundant vor. Änderungen müssten dann an allen Dateien einzeln vorgenommen werden...

wlaner

Borlander „Wenn man nur das Menü einbindet liegen der Rest des Seitenlayouts nach wie vor...“

31.05.2008, 10:57 Optionen

Stimmt, daran hatte ich gar nicht gedacht, da ich Seiteninhalte idR in einer Datenbank gespeichert habe.
Vielen Dank.

Gruß,
WL