tabbedpaneajax.jsp
来自「一个java页控件的使用及示例代码」· JSP 代码 · 共 69 行
JSP
69 行
<%@ taglib uri="/WEB-INF/tabbedpanetag.tld" prefix="tabs" %>
<%@ taglib uri="/WEB-INF/templatetag.tld" prefix="tmpl" %>
<html>
<head>
<link rel="stylesheet" href="/prizetagsdemo/stylesheet.css" type="text/css">
<title>Tabbed Pane Tag</title>
</head>
<body>
<style type="text/css">
.activeTab {
Font-Family: Arial;
Font-Size : 12px;
Font-Weight: Bold;
Background-Color: #FFFFFF;
Border-Top: 1px solid #000000;
Border-Left: 1px solid #000000;
Border-Right: 1px solid #000000;
}
.inactiveTab {
Font-Family: Arial;
Font-Size : 12px;
Font-Weight: Boldx;
Background-Color: #EEEEEE;
Border : 1px solid #000000;
}
.tabContent {
Font-Family: Arial;
Font-Size : 12px;
Font-Weight: Boldx;
Background-Color: #FFFFFF;
Border-Left: 1px solid #000000;
Border-Right: 1px solid #000000;
Border-Bottom: 1px solid #000000;
}
a {
Text-Decoration: None;
}
</style>
<h2>Tabbed Pane Demo</h2>
<br/>
Any part of the HTML can be customized. It is written in between the Tabbed Pane Tags, so
it is easy to change. You can change the colors and text of the tabs, and you can use images
for the titles if you want.
<br/><br/>
<br/><br/>
<script type="text/javascript" src="../ajax/jenkov_ajaxScript.js"></script>
<!--the outer table for the demo. Not used to generate tabs. Only to organize demo page.-->
<table>
<tr><td valign="top">
<td> </td>
<td id="tabbedPaneElement"valign="top">
<tmpl:include uri="/tabbed_pane/tabbedPaneAjax_theIncludedPane.jsp"/>
Tabbed Pane with nested Tabbed Pane and Tree.<br/>
Notice how the state of the nested pane and tree <br/>
are kept even if you click on tab3, tab4, or tab5 <br/>
and back on the nested pane or tree.
<br/><br/>
</td>
</tr>
</table>
</body>
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?