Zbudowałem stronę na czterech DIVach: baner,menu, środek i prawa (wszystko na position:absolute - jestem początkujący, więc na razie jest tak), która wygląda tak:
strona
Chciałbym, aby po wybraniu czegoś z menu (np. Spis treści), ładowało się to, do środkowego DIVa.
Obecnie na serwerze jest index.html
Wyczytałem już, że najłatwiej początkującym jest zrobić to za pomocą include(). Szperałem dalej i nawet udało mi się coś stworzyć. Jednak gdy załaduje plik index.php (teoretycznie zawierający skrypt do wczytywania zawartości do DIVa środkowego) pojawia się całkowicie biała strona, a firebug pokazuje że nic w pliku nie ma...
Oto kod index.php
Kod
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<title>cos tam</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<!--[if gte ie 5]>
<link rel="stylesheet" href="exstyle.css" type="text/css">
<![endif]-->
</head>
<body>
<div id="banner"> Tekst w banerze </div>
<div id="menu">
<h2>Menu</h2>
<ul>
<li><a href="index.php?id=home.php">HOME</a></li>
<li><a href="index.php?id=spis.php">Spis treść</a></li>
<li><a href="index.php?id=nowosci.php">Nowości</a></li>
<li><a href="index.php?id=kontakt.php">Kontakt</a></li>
</ul>
<h2>Menu 2</h2>
</div>
<div id="tresc">
<?php
if($_GET['id']!="")
{
switch( $_GET['id']) {
case 'home':
include 'home.php'
break;
case 'spis':
include 'spis.php';
break;
case 'nowosci':
include 'nowosci.php';
break;
case 'kontakt':
include 'kontakt.php';
break;
default:
include 'home.php';
}
}
else{
include 'home.php'
};
?>
</div>
<div id="prawa">
<p><span>Superważna wiadomość</span>
To jest naprawdę ważna wiadomośc, tak ważna,
że nawet nie moge jej tu napisać:-)</p>
<p><span>Imieniny:</span>
Dziś imieniny obchodzą Bonifacy i Kunegunda</p>
</div>
</body>
</html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<title>cos tam</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<!--[if gte ie 5]>
<link rel="stylesheet" href="exstyle.css" type="text/css">
<![endif]-->
</head>
<body>
<div id="banner"> Tekst w banerze </div>
<div id="menu">
<h2>Menu</h2>
<ul>
<li><a href="index.php?id=home.php">HOME</a></li>
<li><a href="index.php?id=spis.php">Spis treść</a></li>
<li><a href="index.php?id=nowosci.php">Nowości</a></li>
<li><a href="index.php?id=kontakt.php">Kontakt</a></li>
</ul>
<h2>Menu 2</h2>
</div>
<div id="tresc">
<?php
if($_GET['id']!="")
{
switch( $_GET['id']) {
case 'home':
include 'home.php'
break;
case 'spis':
include 'spis.php';
break;
case 'nowosci':
include 'nowosci.php';
break;
case 'kontakt':
include 'kontakt.php';
break;
default:
include 'home.php';
}
}
else{
include 'home.php'
};
?>
</div>
<div id="prawa">
<p><span>Superważna wiadomość</span>
To jest naprawdę ważna wiadomośc, tak ważna,
że nawet nie moge jej tu napisać:-)</p>
<p><span>Imieniny:</span>
Dziś imieniny obchodzą Bonifacy i Kunegunda</p>
</div>
</body>
</html>
Jedyna różnica między index.html, a index.php jest taka, że w miejscu wstawienia kodu php (zaraz pod div id="treść") w pliku .html jest tekst, który obecnie znajduje się na stronie w środkowym DIVie.
Nie wiem, może trzeba coś do head wstawić, żeby to to widziało php czy cóś?
PS. prv.pl obsługuje php
PS2. nadal nie wiem jak zrobić, żeby we wklejanym na forum kodzie wiersze były ponumerowane (używam pajączka)
. Teraz poprawiłem.