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.
Daily Data Survey
.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;
}
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';
}
Tab One
Tab Two
Tab Three
Panel 1
Panel 2
Panel 3
--- Begin Message ---
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]
