as Derek said, hiding and showing isn't all that difficult -
fwiw here is some old and by now thoroughly deprecated script to create a
tabbed page (if our email nanny lets the code through):
this was asp but the logic is general (there will be wrapping)
<%@ Language=VBScript %>
<%
Sub testWrite(strW)
if Session("Testing") then
Response.Write(strW)
End if
End Sub
Response.Buffer = True
Response.Expires = 0%>
<html>
<head>
<title> Demo - AndyD
</title>
<script LANGUAGE="JavaScript">
// THIS PAGE IS IN Beta
function btnOnClk()
{
success = true;
// Hide ALL the pages
tab_1.style.visibility = "hidden"
tab_2.style.visibility = "hidden"
tab_3.style.visibility = "hidden"
tab_4.style.visibility = "hidden"
//Show the matching page:
switch(document.activeElement.id)
{
case "TR_GoGeneral":
tab_1.style.visibility = "visible";
break;
case "TR_GoJob":
tab_2.style.visibility = "visible";
break;
case "TR_GoProperty":
tab_3.style.visibility = "visible";
break;
case "TR_GoReplies":
tab_4.style.visibility = "visible";
break;
default:
tab_1.style.visibility = "visible";
}
return success;
}
</script>
</head>
<body>
general stuff
<div id="theTabs" style="position: absolute; left:0; Top:4; padding:0">
<input id="Go1" name="Go1" type="button" value="Tab1" onClick="btnOnClk()";
style="width: 24.5%; border-Style: none; border-Width:0; font-family:
Arial; font-size: 9pt; color: #484830; background-color: #90B090;
padding:0">
<input id="Go2" name="Go2" type="button" value="Tab2" onClick="btnOnClk()";
style="width: 24.5%; border-Style: none; border-Width:0; font-family:
Arial; font-size: 9pt; color: #484830; background-color: #D09090;
padding:0">
<input id="Go3" name="Go3" type="button" value="Tab3" onClick="btnOnClk()";
style="width: 24.5%; border-Style: none; border-Width:0; font-family:
Arial; font-size: 9pt; color: #484830; background-color: #C0B080;
padding:0">
<input id="Go4" name="Go4" type="button" value="Tab4" onClick="btnOnClk()";
style="width: 24.99%; border-Style: none; border-Width:0; font-family:
Arial; font-size: 9pt; color: #484830; background-color: #ACB0C0;
padding:0">
</div>
<div id="tab_1" style="visibility: visible; position: absolute; left:0;
Top:24; width:99.99%; height:370; font-family: MS Sans Serif; font-size:
9pt; color: #484830; background-color: #ACB0C0">
tab1 stuff (default tab)
</div><!--tab_1-->
testwrite "debugging stuff like sql select strings etc"
<div id="tab_2" style="visibility: hidden; position: absolute; left:0;
Top:24; width:99.99%; height:300; font-family: MS Sans Serif; font-size:
9pt; color: #484830; background-color: #90B090">
tab2 stuff
</div><!--tab_2-->
<div id="tab_3" style="visibility: hidden; position: absolute; left:0;
Top:24; width:99.99%; height:320; font-family: MS Sans Serif; font-size:
9pt; color: #484830; background-color: #D09090">
tab3 stuff
</div><!--tab_3-->
<div id="tab_4" style="visibility: hidden; position: absolute; left:0;
Top:24; width:99.99%; height:320; font-family: MS Sans Serif; font-size:
9pt; color: #484830; background-color: #C0B080">
tab4 stuff
</div><!--tab_4-->
<div id="div_StuffatTheEnd" style="position: absolute; left:0; Top:376;
padding:0">
end stuff
</div><!--div_StuffatTheEnd-->
</body>
</html>
to use the debugging tool an earlier (e.g. index or default) page has code
to set the server var -e.g:
<%
if instr(Request.ServerVariables("HTTP_HOST"), "localhost") > 0 then
cTesting = True
else
cTesting = False
End if
Session("Testing") = cTesting
%>
it is possible that in generalising the code I have muddled the tabs and
'pages' - if so this should be obvious when tried.
Converting this to css is left as an exercise for the reader <bg> - but if
you do it please post it!
Andrew Davies MBCS CITP
- AndyD 8-)#
**********************************************************************
This email and any files transmitted with it are confidential and intended
solely for the use of the individual or entity to whom they are addressed. If
you have received this email in error please notify the system manager.
This footnote also confirms that this email message has been swept by
MIMEsweeper for the presence of computer viruses.
Please contact [EMAIL PROTECTED] with any queries.
**********************************************************************
_______________________________________________
Post Messages to: [email protected]
Subscription Maintenance: http://leafe.com/mailman/listinfo/profox
OT-free version of this list: http://leafe.com/mailman/listinfo/profoxtech
Searchable Archive: http://leafe.com/archives/search/profox
This message: http://leafe.com/archives/byMID/profox/[EMAIL PROTECTED]
** All postings, unless explicitly stated otherwise, are the opinions of the
author, and do not constitute legal or medical advice. This statement is added
to the messages for those lawyers who are too stupid to see the obvious.
