Forum PHP.pl > [DIV] Ładowanie podstron

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML

Riggs

22.06.2007, 15:31:04

Uporałem się z układem stron na div, ale natrafiłem na kolejny problem. Posłużę się skrótowym opisem żeby go przedstawić.
Mam stronkę która składa się:
-div główny który zajmuje 100% obszaru i służy jako kontener dla innych divów.
-div id=menu - prawa kolumna z menu. Używam znaczników <a href=" ">Link</a> - tu jest problem, ale o tym za chwilę
-div o id=content - chcę, aby w nim ładowały się nowe strony.

Nie potrafię skonstruować własności href tak, aby po kliknięciu strona załadowała się do diva content (w ramkach pięknie się to robiło elementem target.). Jeśli uda się coś podlikować to albo ładuje się w nowym oknie albo w tym samym, ale jako nowa strona.

Pewnie problem jest banalny ale dzisiaj już kilka godzin szukam odpowiedzi i nic nie mogę znaleźć.

babejsza

22.06.2007, 15:57:19

problem jest banalny, ale nie leźy po stronie xhtml'a, a po stronie logiki aplikacji. O ramkach zapomnij

plik index.php

[PHP] pobierz, plaintext 
<?php
echo '
<ul>
  <li><a href="?page=main">Strona główna</a></li>
  <li><a href="?page=podstrona">Podstrona</a></li>
</ul>
';
 
 
if(file_exists($_GET['page'].'.php.')) include $_GET['page'].'.php';
else include 'main.php';
?>
[PHP] pobierz, plaintext

W katalogu głównym strony powinieneś mieć taką strukturę:

index.php - plik główny
main.php - content strony głównej
podstrona.php - content podstrony

Riggs

22.06.2007, 21:42:07

Wielkie dzięki, o coś takiego chodziło.

MaroPec

18.01.2010, 20:27:07

Mam bardzo podobny problem. Chodzi o to, by wszystkie podstrony wyswietlaly sie w divie o id="TRESC".

W tej konfiguracji jaka jest w tym momencie podstrony wyswietlaja sie pod menu.

Index.php:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>Untitled</title>
<link rel="Stylesheet" type="text/css" href="styl.css" />

</head>

<body>
<div id="top">
<div id="NAGLOWEK"><img src="jeziorko.jpg"/></div>
<div id="MENU">
<?php
echo '
<ul>
<li><a href="?page=main">Strona główna</a></li>
<li><a href="?page=podstrona">Podstrona</a></li>
</ul>
';
if(file_exists($_GET['page'].'.php.')) include $_GET['page'].'.php';
else include 'main.php';
?>
</div>
<div id="TRESC">Chce aby tu ladowaly sie nowe strony</div>
<div id="STOPKA"><center>Marek Peciak @ Wszelkie prawa zastrzeżone 2010</center></div>
</div>
</body>
</html>

styl.css:
html, body {
background-color: #fff;
color: #000;
margin: 0;
padding: 0;
}

#top {
width: 780px;
}

#NAGLOWEK {
background-color: ;
}

#MENU {
width: 150px;
float: left;
overflow: hidden;
background-color: #ccc;
}

#TRESC {
width: 630px;
float: left;
overflow: hidden;
background-color: #fff;
}

#STOPKA {
clear: both;
width: 100%;
background-color: ;
}
ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}

ul {
width: 200px;
padding: 2px 2px 1px 2px;
background-color: #9ce;
border: 3px double #28e;
}

ul li {
border-bottom: 1px solid #9ce;
}

ul a:link, ul a:visited {
display: block;
width: 176px;
text-decoration: none;
padding: 7px;
font-weight: bold;
background-color: #27c;
color: #def;
border-left: 10px solid #25b;
}

ul a:hover {
width: 166px;
background-color: #28e;
color: #fff;
border-left: 20px solid #26d;
}

Pozdrawiam, oczekuje na odpowiedz.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.