Link in Hauptbereich öffen

U

uscher

Grünschnabel
Tach auch, als Neuling hab ich doch gleich mal ein Anliegen, wo ich einfach nicht weiter komme. Hoffe dass ich mein Problemchen Verständlich machen kann....

Ich hab ein CSS Design mit 4 Bereichen "header" + "menu" + "mainbody" + "footer"
"header" ist oben, "menu" ist links, der rest ist "mainbody". "footer" ist natürlich unten.

im Header habe ich links eingebaut. link1, link2 usw...

link1 ruft index1.php auf.

index1.php sieht so aus:
HTML: 
<html>
<head>
<title></title>
</head>
<body>
<div class="header">
<?php include ("header.html") ?>
</div>
<div id="menu">
<?php include ("menu.html") ?>
</div>
<div id="mainbody">
<?php include ("homebody.html") ?>
</div>
<div class="footer">
<?php include ("footer.html") ?>
</div>
</body>
</html>

link2 ruft index2.php auf.

index2.php sieht so aus:
HTML: 
<html>
<head>
<title></title>
</head>
<body>
<div class="header">
<?php include ("../header.html") ?>
</div>
<div id="menu">
<?php include ("/link2/menu.html") ?>
</div>
<div id="mainbody">
<?php include ("/link2/homebody.html") ?>
</div>
<div class="footer">
<?php include ("../footer.html") ?>
</div>
</body>
</html>

...und so weiter.... das ist alles Perfekt und jeder Link aus dem header hat seinen eigenen "homebody" sowie "menu" Bereich.

Problem:
Ich möchte ich in jedem "menu" Bereich Links haben, die im dazugehörigen "homebody" geöffnet werden.

Mit folgender Varainte sollte sich meiner Meinung nach der Link aus dem "menu" Bereich im "mainbody" Bereich des gerade geöffneten "mainbody" öffnen:

<div id=mainbody><a href="content.php">link</a></div>

Leider tut er das nicht, sondern es wird nur das css Layout verzogen und es öffnet sich beim Klick auf den Link eine komplett neue Seite mit dem inhalt von content.php (is nur Text drinn...blablabla..)

Meine Seite unterstützt php. Ich möchte aber nicht einen PHP Kurs machen müssen, um mein Ziel zu erreichen. Eine einfache und effektive Variante ohne PHP gibt es bestimmt, dabei seid nun ihr gefragt...

Ein Bild zur veranschaulichung findet ihr im Anhang. Wenn noch mehr infos gebraucht werden: na ja, dazu ist ein Forum ja da und ich tue mein bestes, versprochen.

Ich bedanke mich schon im voraus für eure Hilfe und wünsche allen frohe festtage.
 

Anhänge

  • navigation.jpg
    navigation.jpg
    69,8 KB · Aufrufe: 15
Mir ist ehrlich gesagt nicht ganz klar, was genau dein Problem ist. Was ich dir aber mit Sicherheit sagen kann: Mit CSS hat es überhaupt nichts zu tun. Entweder machst du das mit PHP, oder aber, da du nicht gewillt zu sein scheinst, dich damit näher zu befassen, du verwendest ein iFrame, Object oder Div.

Wobei ich dir ehrlich gesagt sehr ans Herz legen möchte, das mit PHP zu tun. Die anderen drei Varianten sind hässliche Hacks, denn für genau sowas wurde PHP gemacht.

PS: Warum hast du überhaupt zwei index-Dateien? Und warum bindest du Header und Footer jedesmal ein, wenn sie sich nicht ändern?
 
danke für die schnelle antwort, lieber SilentWarrior

Mir ist ehrlich gesagt nicht ganz klar, was genau dein Problem ist
Zum Vergrößern anklicken....
--> Ich möchte ich in jedem "menu" Bereich Links haben, die im dazugehörigen "homebody" geöffnet werden.

Entweder machst du das mit PHP, oder aber, da du nicht gewillt zu sein scheinst, dich damit näher zu befassen....
Zum Vergrößern anklicken....
--> doch doch, ich kenn ja php schon ein wenig. Ich möchte einfach ein möglichst simple lösung. Wenns denn php ist, auch ok.

Die anderen drei Varianten sind hässliche Hacks,...
Zum Vergrößern anklicken....
---> das mit dem DIV hab ich ja schon versucht - klappt nicht. Würde mit aber am besten gefallen. Iframe ist klar keine lösung, da geb ich dir recht.

Warum hast du überhaupt zwei index-Dateien?...
Zum Vergrößern anklicken....
---> Einfach um für jeden Bereich/Link im Header-Bereich einen eigenen Space zu erhalten. Hat auch den Vorteil, dass sämtliche Bereiche zB. ihre eigene Menu-Strucktur haben. Das ist so gewollt, denn es handelt sich um eine Intranet-Lösung für eine Firma, die halt auch Verschiedene Bereiche hat wie Office, Support, Development etc...

Und warum bindest du Header und Footer jedesmal ein, wenn sie sich nicht ändern?
Zum Vergrößern anklicken....
---> Kann man das denn auch anders lösen? wie? den Footer kann man auch weglassen, ist eigentlich nicht notwendig.

hoffentlich ist es jetzt ein wenig verständlicher? ich werde mich über die Feiertage in die OBJECT Variante einarbeiten, danke für den Tipp.

Frage: warum klappt das mit meiner DIV Variante so nicht ?


greez
uscher
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück