en brugbar demo - jeg har kun sat mdr 1 til 5 ind - så det skal lige forlænges lidt, og taellermax skal så rettes til 12 i javascriptet for at den kan håndtere alle måneder.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title></title>
<style type="text/css">
body {
font-family:Verdana, sans-serif;
font-size:12px;
}
div {
border-style:solid;
border-width:thin;
border-color:black;
}
</style>
<script type='text/javascript'>
var taellermin=1;
var taellermax=5;
function vis(mnu) {
var i=0;
for (i=taellermin;i<=taellermax;i++) {
document.getElementById("f"+i).style.display = "none";
}
document.getElementById("f"+mnu).style.display = "";
}
function aktuel() {
var d = new Date();
var md = 1 + d.getMonth();
vis(md);
}
</script>
</head>
<body onload="aktuel();">
<hr>
Kalender:
<a href="#"><span onclick="vis(1);">Jan</span></a>
<a href="#"><span onclick="vis(2);">Feb</span></a>
<a href="#"><span onclick="vis(3);">Mar</span></a>
<a href="#"><span onclick="vis(4);">Apr</span></a>
<a href="#"><span onclick="vis(5);">Maj</span></a>
... og så videre ...
<hr>
her er noget tekst før kalenderen
<div id="f1" style="display:none;">
her er januars kalender
</div>
<div id="f2" style="display:none;">
her er februars kalender
</div>
<div id="f3" style="display:none;">
her er marts kalender
</div>
<div id="f4" style="display:none;">
her er aprils kalender
</div>
<div id="f5" style="display:none;">
her er majs kalender
</div>
... og så videre ...
</body>
</html>