Here is a simple code to create tabbed menus. I guess it's easy to convert it to Tiles.
Just create a new JSP page and drop this code on it.
html
head
titleDaily Data Survey/title
style
.tab{
color: navy;
background-color: white;
border-top: 1px solid navy;
border-bottom: 0px solid navy;
border-left: 1px solid navy;
border-right: 1px solid navy;
position: absolute;
top: 12;
width: 140;
text-align: center;
font: 9pt Verdana,sans-serif;
z-index: 1;
padding: 3;
cursor: pointer;
cursor: hand;
}
.panel{
position: absolute;
background: ff;
top: 32;
left: 10;
width: 600;
z-index: 2;
height: 85%;
visibility: hidden;
font: 12pt Verdana,sans-serif;
color: navy;
border: 1px solid navy;
padding: 10;
overflow: auto;
}
/style
script language=_javascript_
var currentPanel;
function showPanel(panelNum){
//hide visible panel, show selected panel, set tab
if (currentPanel != null) {
hidePanel();
}
document.getElementById('panel'+panelNum).style.visibility = 'visible';
currentPanel = panelNum;
setState(panelNum);
}
function hidePanel(){
//hide visible panel, unhilite tab
document.getElementById('panel'+currentPanel).style.visibility = 'hidden';
document.getElementById('tab'+currentPanel).style.backgroundColor = '#ff';
document.getElementById('tab'+currentPanel).style.color = 'navy';
document.getElementById('tab'+currentPanel).style.zIndex = '1';
}
function setState(tabNum){
if(tabNum==currentPanel){
document.getElementById('tab'+tabNum).style.backgroundColor = '#ff';
document.getElementById('tab'+tabNum).style.color = 'red';
/*
document.getElementById('tab'+tabNum).style.BorderBottomStyle = 'solid';
document.getElementById('tab'+tabNum).style.BorderBottomWidth = '0px';
document.getElementById('tab'+tabNum).style.BorderBottomColor = 'Navy';
*/
document.getElementById('tab'+tabNum).style.zIndex = '3';
}else{
document.getElementById('tab'+tabNum).style.backgroundColor = '#ff';
document.getElementById('tab'+tabNum).style.color = 'navy';
document.getElementById('tab'+tabNum).style.zIndex = '1';
}
}
function hover(tab){
tab.style.backgroundColor = 'ff';
}
/script
/head
body >
div id=tab1 class=tab style=left: 10; >
Tab One/div
div id=tab2 class=tab style=left: 149; >
Tab Two/div
div id=tab3 class=tab style=left: 288; >
Tab Three/div
div id=panel1 class=panelPanel 1/div
div id=panel2 class=panelPanel 2/div
div id=panel3 class=panelPanel 3/div
/body
/html
---BeginMessage---
Hi All,
I am presently designing a web application, and curious to learn whether there is any
way we can create and use the tabbed menus using Struts libraries. We have chosen
tiles for the layout design already.
I appreciate any help.
cheers
gopal
-
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]---End Message---
-
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]
