"Brian Ipsen" <bipsen@andebakken.dk> skrev i en meddelelse
news:40e29656$0$267$edfadb0f@dread12.news.tele.dk...
> Jeg har en stak felter, som jeg ønsker placeret enten på noget
> "windows-like tab-control" - eller evt. ved at bygge det op med frames i
php
> (således, at der bliver flere sider med input, og så en "OK/Apply" knap
til
> at godkende det hele)... Alt data skal gemmes i MySQL - og skifter man fem
> og tilbage mellem siderne (frames), så skal siden kunne hente data fra
MySQL
> og fylde ind i felterne -så man kan se, at data allerede er tastet ind
Metoden du beskriver er især velegnet hvis man skal lave en trinvis
indtastning af data (f.eks. en giude etc.) hvor man gerne vil submitte data
for hver side, så php kan validere, slå op etc. Ideen med at lagre data i
SQL databasen er også god hvis man skal kunne logge af, og vende tilbage og
udfylde videre senere.
Hvis du bare vil lave en helt enkelt windows-like fanebladsløsning, hvor man
skal kunne klikke frem og tilbage, kan du imidlertid lettere lave det som én
html side med flere <div> lag, der blot "skiftes" til at være synlige.
Således behøver du ikke hele tiden at sende/hente data hver gang der skiftes
faneblad, og det hele endes samlet til sidst ved klik på submit. (så foregår
det godt nok clientside, og så er vi i den forkerte NG, men mon ikke det
går).
Et helt enkelt eksempel, kunne være nedenstående:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Faneblade eksempel</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
<!--
var aktuelle_fane_id = "fane_1";
function fane(fanenr) {
if (!aktuelle_fane_id == "")
document.getElementById(aktuelle_fane_id).style.visibility = "hidden";
var fane_id = "fane_" + fanenr;
aktuelle_fane_id = fane_id;
document.getElementById(fane_id).style.visibility = "visible";
}
aktuelle_fane_id = "fane_1";
//-->
</script>
<p>
<a href="javascript:fane(1);">| Fane 1</a>
<a href="javascript:fane(2);">| Fane 2</a>
<a href="javascript:fane(3);">| Fane 3</a> |
<hr>
<form action="DIT_SCRIPT_DER_LAGRER_DATA_I_MYSQL.php" method="POST">
<div id="fane_1" style="position:absolute;;visibility:visible">
Dette er fane 1<br>
Fornavn: <input name="fornavn" type="text" size="16">
Efternavn: <input name=efternavn type=text size="16">
</div>
<div id="fane_2" style="position:absolute;visibility:hidden">
Dette er fane 2<br>
Alder: <input name="alder" type="text" size="3">
</div>
<div id="fane_3" style="position:absolute;visibility:hidden">
Dette er fane 3<br>
Kæledyr:
<select name="farve">
<option value="Hund">Hund</option>
<option value="Kat">Kat</option>
<option value="Kanariefugl">Kanariefugl</option>
<option value="Klovnefisk">Klovnefisk</option>
<option value="Andet">Andet</option>
</select>
</div>
<div id="knapper" style="position:absolute;top:200px;">
<input type=submit>
</div>
</form>
</body>
</html>
Håber det kan give inspiration til dit videre arbejde.
/Dan