xhtml+css+ssi: Ändra vilken fil som includas
Hej, kolla följande kod:
<?xml version="1.0" encoding="utf-8"?>
<!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" xml:lang="en" lang="en">
<head>
<title>XHTML/CSS/SSI test</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
</head>
<body>
<div class="container">
<div class="top">Top area</div>
<div class="left">
<dl>
<dt><b><a href="main-div-a.html">First Main Page </a></b></dt>
<dt><b><a href="main-div-b.html">Second Main Page</a></b></dt>
</dl>
</div>
<div class="main">
<!--#include virtual="main-div-a.html" -->
</div>
<div class="right">Right area</div>
<div class="bottom">Bottom area</div>
</div>
</body>
</html>
div.container
{
border: solid black;
overflow: hidden;
width: 100%;
height: 600px;
}
div.top
{
border-bottom: solid black;
width: 100%;
height: 40px;
}
div.left
{
border-right: solid black;
width: 15%;
height: 520px;
float: left;
}
div.main
{
border-right: solid black;
width: 70%;
height: 520px;
float: left;
}
div.right
{
width: 14%;
height: 520px;
float: left;
}
div.bottom
{
border-top: solid black;
width: 100%;
height: 40px;
clear: both;
}
Postar inte main-div-a/b.html, dom innehåller bara en kort textremsa. Det jag vill göra nu är att ändra menyn (left-diven) så att den inte laddar en ny sida utan ändrar vilken fil som includas i main-diven. Jag vet att iframe är ett alternativt men då validerar inte koden och det vill jag. Hur ska jag lösa detta?