Gem faneblad
Jeg har fundet mig et faneblad script, som virker rigtig godt. Kun et ønske har jeg, og det er at mit script kan huske hvilket faneblad jeg står på når jeg reloader siden med en submit knap. Jeg har lavet et lille test script, hvor det eneste der mangler er en stump kode som kan give det skjulte input felt "faneblad_nummer" værdien 1-4 alt efter hvilke faneblad der er aktiveret.<?
if($_REQUEST["submit"]){
$fanebladsnummer = $_POST["Faneblad_nummer"];
header("location: test.php?faneblad=$fanebladsnummer");
}
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<title>Faneblade</title>
<script type="text/javascript">
ol=false; of=false;
function fav(o) {
o.style.background = "#FFFFFF"; }
function ufav(o) {
if(o.style.zIndex!=3) { o.style.background="#cccccc"; } }
function aktiver(o) {
l=document.getElementById("l"+o).style;
if(l.display=="none") {
if(ol) { ol.display="none"; }
l.display="block";
f=document.getElementById("f"+o).style;
f.zIndex=3;
f.background="#FFFFFF";
f.borderBottom="0px #FFFFFF solid";
f.top="19px";
if(of) {
of.top="20px";
of.zIndex=1;
of.background="#CCCCCC";
of.borderBottom="1px #000000 solid"; }
ol=l; of=f; } }
</script>
<style type="text/css">
body {
background-color:#778899; }
div.faneblad {
background-color: #CCCCCC;
position: absolute;
border: 1px #000000 solid;
cursor: hand; cursor: pointer;
top: 20px;
height: 22px;
z-index: 1; }
div.lag {
width: 500px;
background-color: #FFFFFF;
position: absolute;
padding: 5px;
border: 1px #000000 solid;
top: 40px;
margin-left: -250px;
z-index: 2; }
p.fane {
font-family: verdana;
font-size: 12px;
color: #000000;
margin: 2px 4px 2px 4px;
text-align: center; }
</style>
</head>
<body onLoad="aktiver(1);">
<div align="center" style="width:100%">
<form action="" method="post">
<input type="hidden" name="faneblad_nummer">
<input type="submit" value="Gem" name="submit">
</form>
<div class="faneblad" id="f1" style="margin-left:-250px;" onMouseOver="fav(this)" onMouseOut="ufav(this)" onClick="aktiver(1)">
<p align="center" class="fane">1</p>
</div>
<div class="faneblad" id="f2" style="margin-left:-230px;" onMouseOver="fav(this)" onMouseOut="ufav(this)" onClick="aktiver(2)">
<p align="center" class="fane">2</p>
</div>
<div class="faneblad" id="f3" style="margin-left:-210px;" onMouseOver="fav(this)" onMouseOut="ufav(this)" onClick="aktiver(3)">
<p align="center" class="fane">3</p>
</div>
<div class="faneblad" id="f4" style="margin-left:-190px;" onMouseOver="fav(this)" onMouseOut="ufav(this)" onClick="aktiver(4)">
<p align="center" class="fane">4</p>
</div>
<div class="lag" style="display: none;" id="l1">
<div align="center">1 og en masse tekst
</div>
</div>
<div class="lag" style="display: none;" id="l2">
<div align="center">2 og meget tekst
</div>
</div>
<div class="lag" style="display: none;" id="l3">
<div align="center">3 endnu mere tekst
</div>
</div>
<div class="lag" style="display: none;" id="l4">
<div align="center">4 slut</div>
</div>
</div>
</body>
</html>
