You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@myfaces.apache.org by sv...@apache.org on 2004/12/24 15:49:29 UTC
cvs commit: incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/jscookmenu HtmlJSCookMenuRenderer.java
svieujot 2004/12/24 06:49:29
Modified: src/components/org/apache/myfaces/custom/navmenu/jscookmenu
HtmlJSCookMenuRenderer.java
Added: src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemeIE
theme.css arrow.gif link.gif theme.js folder.gif
src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemeOffice
new.gif paste.gif save.gif saveshadow.gif arrow.gif
pasteshadow.gif arrowdown.gif open.gif theme.css
theme.js copyshadow.gif spacer.gif help.gif
openshadow.gif helpshadow.gif blank.gif cut.gif
cutshadow.gif copy.gif
src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemeMiniBlack
theme.css theme.js
src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemePanel
arrow.gif theme.js blank.gif arrowdown.gif
theme.css
src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu
JSCookMenu.js
Log:
Upgrade the navmenu component to use the Extensions filter.
Revision Changes Path
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemeIE/theme.css
Index: theme.css
===================================================================
/* ThemeIEMenu Style Sheet */
.ThemeIEMenu,.ThemeIESubMenuTable
{
cursor: default;
font-family: verdana, arial, sans-serif;
font-size: 13px;
padding: 0;
border: 0;
white-space: nowrap;
}
.ThemeIEMenu
{
background-color: #F7F3EF;
}
.ThemeIESubMenu
{
position: absolute;
visibility: hidden;
/*
Netscape/Mozilla renders borders by increasing
their z-index. The following line is necessary
to cover any borders underneath
*/
z-index: 100;
border: 0;
padding: 0;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#848A84, Direction=135, Strength=4);
}
.ThemeIESubMenuTable
{
border: 1px solid #ADAA9C;
background-color: white;
}
.ThemeIESubMenuTable td
{
white-space: nowrap;
}
.ThemeIEMainItem,.ThemeIEMainItemHover,.ThemeIEMainItemActive,
.ThemeIEMenuItem,.ThemeIEMenuItemHover,.ThemeIEMenuItemActive
{
padding-left: 3px;
padding-right: 3px;
white-space: nowrap;
}
.ThemeIEMainItemHover,.ThemeIEMainItemActive,
.ThemeIEMenuItemHover,.ThemeIEMenuItemActive
{
color: white;
background-color: #3169C6;
}
.ThemeIEMenuSplit
{
height: 1px;
margin-top: 1px;
margin-bottom: 1px;
overflow: hidden;
background-color: inherit;
border-top: 1px solid #ADAA9C;
}
.ThemeIEMenuVSplit
{
width: 1px;
margin: 0px;
overflow: hidden;
background-color: inherit;
border-right: 1px solid #ADAA9C;
}
/* image shadow animation */
/*
seq1: image for normal
seq2: image for hover and active
To use, in the icon field, input the following:
<img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/
.ThemeIEMenuItem img.seq1
{
display: inline;
}
.ThemeIEMenuItemHover seq2,
.ThemeIEMenuItemActive seq2
{
display: inline;
}
.ThemeIEMenuItem .seq2,
.ThemeIEMenuItemHover .seq1,
.ThemeIEMenuItemActive .seq1
{
display: none;
}
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemeIE/arrow.gif
<<Binary file>>
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemeIE/link.gif
<<Binary file>>
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemeIE/theme.js
Index: theme.js
===================================================================
var cmThemeIEBase = 'jscookmenu/ThemeIE/';
var cmThemeIE =
{
// main menu display attributes
//
// Note. When the menu bar is horizontal,
// mainFolderLeft and mainFolderRight are
// put in <span></span>. When the menu
// bar is vertical, they would be put in
// a separate TD cell.
// HTML code to the left of the folder item
mainFolderLeft: '',
// HTML code to the right of the folder item
mainFolderRight: '',
// HTML code to the left of the regular item
mainItemLeft: '',
// HTML code to the right of the regular item
mainItemRight: '',
// sub menu display attributes
// HTML code to the left of the folder item
folderLeft: '<img alt="" src="' + cmThemeIEBase + 'folder.gif">',
// HTML code to the right of the folder item
folderRight: '<img alt="" src="' + cmThemeIEBase + 'arrow.gif">',
// HTML code to the left of the regular item
itemLeft: '<img alt="" src="' + cmThemeIEBase + 'link.gif">',
// HTML code to the right of the regular item
itemRight: '',
// cell spacing for main menu
mainSpacing: 0,
// cell spacing for sub menus
subSpacing: 0,
// auto dispear time for submenus in milli-seconds
delay: 100
};
// horizontal split, used only in sub menus
var cmThemeIEHSplit = [_cmNoAction, '<td colspan="3" style="height: 3px; overflow: hidden"><div class="ThemeIEMenuSplit"></div></td>'];
// vertical split, used only in main menu
var cmThemeIEMainVSplit = [_cmNoAction, '<div class="ThemeIEMenuVSplit"></div>'];
// horizontal split, used only in main menu
var cmThemeIEMainHSplit = [_cmNoAction, '<td colspan="3"><div class="ThemeIEMenuSplit"></div></td>'];
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemeIE/folder.gif
<<Binary file>>
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemeOffice/new.gif
<<Binary file>>
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemeOffice/paste.gif
<<Binary file>>
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemeOffice/save.gif
<<Binary file>>
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemeOffice/saveshadow.gif
<<Binary file>>
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemeOffice/arrow.gif
<<Binary file>>
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemeOffice/pasteshadow.gif
<<Binary file>>
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemeOffice/arrowdown.gif
<<Binary file>>
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemeOffice/open.gif
<<Binary file>>
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemeOffice/theme.css
Index: theme.css
===================================================================
/* ThemeOfficeMenu Style Sheet */
.ThemeOfficeMenu,.ThemeOfficeSubMenuTable
{
font-family: verdana, arial, sans-serif;
font-size: 13px;
padding: 0;
white-space: nowrap;
cursor: default;
}
.ThemeOfficeSubMenu
{
position: absolute;
visibility: hidden;
/*
Netscape/Mozilla renders borders by increasing
their z-index. The following line is necessary
to cover any borders underneath
*/
z-index: 100;
border: 0;
padding: 0;
overflow: visible;
border: 1px solid #8C867B;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#BDC3BD, Direction=135, Strength=4);
}
.ThemeOfficeSubMenuTable
{
overflow: visible;
}
.ThemeOfficeMainItem,.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive,
.ThemeOfficeMenuItem,.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive
{
border: 0;
cursor: default;
white-space: nowrap;
}
.ThemeOfficeMainItem
{
background-color: #EFEBDE;
}
.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive
{
background-color: #C6D3EF;
}
.ThemeOfficeMenuItem
{
background-color: WHITE;
}
.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive
{
background-color: #C6D3EF;
}
/* horizontal main menu */
.ThemeOfficeMainItem
{
padding: 1px;
border: 0;
}
td.ThemeOfficeMainItemHover,td.ThemeOfficeMainItemActive
{
padding: 0px;
border: 1px solid #3169C6;
}
.ThemeOfficeMainFolderLeft,.ThemeOfficeMainItemLeft,
.ThemeOfficeMainFolderText,.ThemeOfficeMainItemText,
.ThemeOfficeMainFolderRight,.ThemeOfficeMainItemRight
{
background-color: inherit;
}
/* vertical main menu sub components */
td.ThemeOfficeMainFolderLeft,td.ThemeOfficeMainItemLeft
{
padding-top: 2px;
padding-bottom: 2px;
padding-left: 0px;
padding-right: 2px;
border-top: 1px solid #3169C6;
border-bottom: 1px solid #3169C6;
border-left: 1px solid #3169C6;
background-color: inherit;
}
td.ThemeOfficeMainFolderText,td.ThemeOfficeMainItemText
{
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
border-top: 1px solid #3169C6;
border-bottom: 1px solid #3169C6;
background-color: inherit;
white-space: nowrap;
}
td.ThemeOfficeMainFolderRight,td.ThemeOfficeMainItemRight
{
padding-top: 2px;
padding-bottom: 2px;
padding-left: 0px;
padding-right: 0px;
border-top: 1px solid #3169C6;
border-bottom: 1px solid #3169C6;
border-right: 1px solid #3169C6;
background-color: inherit;
}
tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderLeft,
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemLeft
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 1px;
padding-right: 2px;
white-space: nowrap;
border: 0;
background-color: inherit;
}
tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderText,
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemText
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
border: 0;
background-color: inherit;
}
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemRight,
tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderRight
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 1px;
border: 0;
background-color: inherit;
}
/* sub menu sub components */
.ThemeOfficeMenuFolderLeft,.ThemeOfficeMenuItemLeft
{
padding-top: 2px;
padding-bottom: 2px;
padding-left: 1px;
padding-right: 3px;
border-top: 1px solid #3169C6;
border-bottom: 1px solid #3169C6;
border-left: 1px solid #3169C6;
background-color: inherit;
white-space: nowrap;
}
.ThemeOfficeMenuFolderText,.ThemeOfficeMenuItemText
{
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
border-top: 1px solid #3169C6;
border-bottom: 1px solid #3169C6;
background-color: inherit;
white-space: nowrap;
}
.ThemeOfficeMenuFolderRight,.ThemeOfficeMenuItemRight
{
padding-top: 2px;
padding-bottom: 2px;
padding-left: 0px;
padding-right: 0px;
border-top: 1px solid #3169C6;
border-bottom: 1px solid #3169C6;
border-right: 1px solid #3169C6;
background-color: inherit;
white-space: nowrap;
}
.ThemeOfficeMenuItem .ThemeOfficeMenuFolderLeft,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemLeft
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 2px;
padding-right: 3px;
white-space: nowrap;
border: 0;
background-color: #EFEFDE;
}
.ThemeOfficeMenuItem .ThemeOfficeMenuFolderText,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemText
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
border: 0;
background-color: inherit;
}
.ThemeOfficeMenuItem .ThemeOfficeMenuFolderRight,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemRight
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 1px;
border: 0;
background-color: inherit;
}
/* menu splits */
.ThemeOfficeMenuSplit
{
margin: 2px;
height: 1px;
overflow: hidden;
background-color: inherit;
border-top: 1px solid #C6C3BD;
}
/* image shadow animation */
/*
seq1: image for normal
seq2: image for hover and active
To use, in the icon field, input the following:
<img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/
.ThemeOfficeMenuItem img.seq1
{
display: inline;
}
.ThemeOfficeMenuItemHover seq2,
.ThemeOfficeMenuItemActive seq2
{
display: inline;
}
.ThemeOfficeMenuItem .seq2,
.ThemeOfficeMenuItemHover .seq1,
.ThemeOfficeMenuItemActive .seq1
{
display: none;
}
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemeOffice/theme.js
Index: theme.js
===================================================================
// directory of where all the images are
var cmThemeOfficeBase = 'jscookmenu/ThemeOffice/';
var cmThemeOffice =
{
// main menu display attributes
//
// Note. When the menu bar is horizontal,
// mainFolderLeft and mainFolderRight are
// put in <span></span>. When the menu
// bar is vertical, they would be put in
// a separate TD cell.
// HTML code to the left of the folder item
mainFolderLeft: ' ',
// HTML code to the right of the folder item
mainFolderRight: ' ',
// HTML code to the left of the regular item
mainItemLeft: ' ',
// HTML code to the right of the regular item
mainItemRight: ' ',
// sub menu display attributes
// 0, HTML code to the left of the folder item
folderLeft: '<img alt="" src="' + cmThemeOfficeBase + 'spacer.gif">',
// 1, HTML code to the right of the folder item
folderRight: '<img alt="" src="' + cmThemeOfficeBase + 'arrow.gif">',
// 2, HTML code to the left of the regular item
itemLeft: '<img alt="" src="' + cmThemeOfficeBase + 'spacer.gif">',
// 3, HTML code to the right of the regular item
itemRight: '<img alt="" src="' + cmThemeOfficeBase + 'blank.gif">',
// 4, cell spacing for main menu
mainSpacing: 0,
// 5, cell spacing for sub menus
subSpacing: 0,
// 6, auto dispear time for submenus in milli-seconds
delay: 500
};
// for horizontal menu split
var cmThemeOfficeHSplit = [_cmNoAction, '<td class="ThemeOfficeMenuItemLeft"></td><td colspan="2"><div class="ThemeOfficeMenuSplit"></div></td>'];
var cmThemeOfficeMainHSplit = [_cmNoAction, '<td class="ThemeOfficeMainItemLeft"></td><td colspan="2"><div class="ThemeOfficeMenuSplit"></div></td>'];
var cmThemeOfficeMainVSplit = [_cmNoAction, '|'];
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemeOffice/copyshadow.gif
<<Binary file>>
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemeOffice/spacer.gif
<<Binary file>>
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemeOffice/help.gif
<<Binary file>>
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemeOffice/openshadow.gif
<<Binary file>>
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemeOffice/helpshadow.gif
<<Binary file>>
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemeOffice/blank.gif
<<Binary file>>
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemeOffice/cut.gif
<<Binary file>>
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemeOffice/cutshadow.gif
<<Binary file>>
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemeOffice/copy.gif
<<Binary file>>
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemeMiniBlack/theme.css
Index: theme.css
===================================================================
/* ThemeMiniBlackMenu Style Sheet */
.ThemeMiniBlackMenu,.ThemeMiniBlackSubMenuTable
{
font-family: verdana, arial, sans-serif;
font-size: 9px;
color: white;
background-color: black;
padding: 0;
border: 0;
cursor: default;
}
.ThemeMiniBlackSubMenu
{
position: absolute;
visibility: hidden;
/*
Netscape/Mozilla renders borders by increasing
their z-index. The following line is necessary
to cover any borders underneath
*/
z-index: 100;
border: 0;
padding: 0;
}
.ThemeMiniBlackSubMenuTable
{
border-top: 1px solid white;
}
.ThemeMiniBlackSubMenuTable TD
{
white-space: nowrap;
}
.ThemeMiniBlackMainItem,.ThemeMiniBlackMainItemHover,.ThemeMiniBlackMainItemActive,
.ThemeMiniBlackMenuItem,.ThemeMiniBlackMenuItemHover,.ThemeMiniBlackMenuItemActive
{
white-space: nowrap;
}
.ThemeMiniBlackMainItemHover,.ThemeMiniBlackMainItemActive,
.ThemeMiniBlackMenuItemHover,.ThemeMiniBlackMenuItemActive
{
color: red;
}
.ThemeMiniBlackMenuSplit
{
height: 1px;
margin-top: 1px;
margin-bottom: 1px;
overflow: hidden;
background-color: inherit;
border-top: 1px solid white;
}
.ThemeMiniBlackMenuVSplit
{
width: 1px;
margin: 0px;
overflow: hidden;
background-color: inherit;
border-right: 1px solid white;
}
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemeMiniBlack/theme.js
Index: theme.js
===================================================================
var cmThemeMiniBlack =
{
// main menu display attributes
//
// Note. When the menu bar is horizontal,
// mainFolderLeft and mainFolderRight are
// put in <span></span>. When the menu
// bar is vertical, they would be put in
// a separate TD cell.
// HTML code to the left of the folder item
mainFolderLeft: '',
// HTML code to the right of the folder item
mainFolderRight: '',
// HTML code to the left of the regular item
mainItemLeft: '',
// HTML code to the right of the regular item
mainItemRight: '',
// sub menu display attributes
// HTML code to the left of the folder item
folderLeft: '',
// HTML code to the right of the folder item
folderRight: '',
// HTML code to the left of the regular item
itemLeft: '',
// HTML code to the right of the regular item
itemRight: '',
// cell spacing for main menu
mainSpacing: 0,
// cell spacing for sub menus
subSpacing: 0,
// auto dispear time for submenus in milli-seconds
delay: 100
};
// horizontal split, used only in sub menus
var cmThemeMiniBlackHSplit = [_cmNoAction, '<td colspan="3" style="height: 3px; overflow: hidden"><div class="ThemeMiniBlackMenuSplit"></div></td>'];
// horizontal split, used only in main menu
var cmThemeMiniBlackMainHSplit = [_cmNoAction, '<td colspan="3"><div class="ThemeMiniBlackMenuSplit"></div></td>'];
// vertical split, used only in main menu
var cmThemeMiniBlackMainVSplit = [_cmNoAction, '<div class="ThemeMiniBlackMenuVSplit"></div>'];
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemePanel/arrow.gif
<<Binary file>>
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemePanel/theme.js
Index: theme.js
===================================================================
// directory of where all the images are
var cmThemePanelBase = 'jscookmenu/ThemePanel/';
var cmThemePanel =
{
// main menu display attributes
//
// Note. When the menu bar is horizontal,
// mainFolderLeft and mainFolderRight are
// put in <span></span>. When the menu
// bar is vertical, they would be put in
// a separate TD cell.
// HTML code to the left of the folder item
mainFolderLeft: '<img alt="" src="' + cmThemePanelBase + 'blank.gif">',
// HTML code to the right of the folder item
mainFolderRight: '<img alt="" src="' + cmThemePanelBase + 'arrow.gif">',
// HTML code to the left of the regular item
mainItemLeft: '<img alt="" src="' + cmThemePanelBase + 'blank.gif">',
// HTML code to the right of the regular item
mainItemRight: '<img alt="" src="' + cmThemePanelBase + 'blank.gif">',
// sub menu display attributes
// HTML code to the left of the folder item
folderLeft: '<img alt="" src="' + cmThemePanelBase + 'blank.gif">',
// HTML code to the right of the folder item
folderRight: '<img alt="" src="' + cmThemePanelBase + 'arrow.gif">',
// HTML code to the left of the regular item
itemLeft: '<img alt="" src="' + cmThemePanelBase + 'blank.gif">',
// HTML code to the right of the regular item
itemRight: '<img alt="" src="' + cmThemePanelBase + 'blank.gif">',
// cell spacing for main menu
mainSpacing: 0,
// cell spacing for sub menus
subSpacing: 0,
// auto dispear time for submenus in milli-seconds
delay: 500
};
// for sub menu horizontal split
var cmThemePanelHSplit = [_cmNoAction, '<td colspan="3" style="height: 5px; overflow: hidden"><div class="ThemePanelMenuSplit"></div></td>'];
// for vertical main menu horizontal split
var cmThemePanelMainHSplit = [_cmNoAction, '<td colspan="3" style="height: 5px; overflow: hidden"><div class="ThemePanelMenuSplit"></div></td>'];
// for horizontal main menu vertical split
var cmThemePanelMainVSplit = [_cmNoAction, '|'];
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemePanel/blank.gif
<<Binary file>>
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemePanel/arrowdown.gif
<<Binary file>>
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemePanel/theme.css
Index: theme.css
===================================================================
/* ThemePanelMenu Style Sheet */
.ThemePanelMenu,.ThemePanelSubMenuTable
{
font-family: verdana, arial, sans-serif;
font-size: 13px;
background-color: #F7F3F7;
cursor: default;
white-space: nowrap;
}
.ThemePanelSubMenu
{
position: absolute;
visibility: hidden;
/*
Netscape/Mozilla renders borders by increasing
their z-index. The following line is necessary
to cover any borders underneath
*/
z-index: 100;
border: 0;
padding: 0;
/* the following property is only useful in IE */
filter:progid:DXImageTransform.Microsoft.Shadow(color=#DEDEDE,Direction=135,Strength=4);
}
.ThemePanelSubMenuTable
{
border: 1px solid #9C9A9C;
}
.ThemePanelMenuItem,.ThemePanelMenuItemHover,.ThemePanelMenuItemActive
{
cursor: default;
white-space: nowrap;
}
.ThemePanelMainItem,
.ThemePanelMenuItem
{
background-color: #F7F3F7;
}
.ThemePanelMainItemHover,
.ThemePanelMainItemActive,
.ThemePanelMenuItemHover,
.ThemePanelMenuItemActive
{
background-color: #C6C6C3;
}
/* horizontal main menu sub components */
/* panel doesn't really support horizontal menus */
.ThemePanelMainFolderLeft,.ThemePanelMainItemLeft,
.ThemePanelMainFolderText,.ThemePanelMainItemText,
.ThemePanelMainFolderRight,.ThemePanelMainItemRight
{
border: 0;
background-color: inherit;
white-space: nowrap;
}
/* vertical main menu sub components */
TD.ThemePanelMainFolderLeft,TD.ThemePanelMainItemLeft
{
padding-left: 0px;
padding-right: 0px;
border-left: 1px solid #9C9A9C;
white-space: nowrap;
background-color: inherit;
}
TD.ThemePanelMainFolderLeft,TD.ThemePanelMainItemLeft,
TD.ThemePanelMainFolderText,TD.ThemePanelMainItemText,
TD.ThemePanelMainFolderRight,TD.ThemePanelMainItemRight
{
padding-top: 2px;
padding-bottom: 2px;
border-top: 1px solid #9C9A9C;
border-bottom: 1px solid #9C9A9C;
background-color: inherit;
}
TD.ThemePanelMainFolderLeft,TD.ThemePanelMainItemLeft
{
padding-right: 0px;
padding-left: 0px;
border-left: 1px solid #9C9A9C;
background-color: inherit;
white-space: nowrap;
}
TD.ThemePanelMainFolderText,TD.ThemePanelMainItemText
{
padding-right: 10px;
padding-left: 10px;
background-color: inherit;
white-space: nowrap;
}
TD.ThemePanelMainFolderRight,TD.ThemePanelMainItemRight
{
padding-right: 0px;
padding-left: 0px;
border-right: 1px solid #9C9A9C;
background-color: inherit;
white-space: nowrap;
}
TR.ThemePanelMainItem TD.ThemePanelMainFolderLeft
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 1px;
padding-right: 0px;
border: 0;
white-space: nowrap;
background-color: inherit;
}
TR.ThemePanelMainItem TD.ThemePanelMainItemLeft
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 1px;
padding-right: 0px;
border: 0;
white-space: nowrap;
background-color: inherit;
}
TR.ThemePanelMainItem TD.ThemePanelMainFolderText
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
border: 0;
white-space: nowrap;
background-color: inherit;
}
TR.ThemePanelMainItem TD.ThemePanelMainItemText
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
border: 0;
white-space: nowrap;
background-color: inherit;
}
TR.ThemePanelMainItem TD.ThemePanelMainItemRight
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 1px;
border: 0;
white-space: nowrap;
background-color: inherit;
}
TR.ThemePanelMainItem TD.ThemePanelMainFolderRight
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 1px;
border: 0;
white-space: nowrap;
background-color: inherit;
}
/* sub menus sub components */
.ThemePanelMenuFolderLeft,.ThemePanelMenuItemLeft
{
padding-left: 0px;
padding-right: 0px;
border-left: 1px solid #9C9A9C;
white-space: nowrap;
background-color: inherit;
}
.ThemePanelMenuFolderLeft,.ThemePanelMenuItemLeft,
.ThemePanelMenuFolderText,.ThemePanelMenuItemText,
.ThemePanelMenuFolderRight,.ThemePanelMenuItemRight
{
padding-top: 2px;
padding-bottom: 2px;
border-top: 1px solid #9C9A9C;
border-bottom: 1px solid #9C9A9C;
background-color: inherit;
white-space: nowrap;
}
.ThemePanelMenuFolderLeft,.ThemePanelMenuItemLeft
{
padding-right: 0px;
padding-left: 2px;
border-left: 1px solid #9C9A9C;
background-color: inherit;
white-space: nowrap;
}
.ThemePanelMenuFolderText,.ThemePanelMenuItemText
{
padding-right: 3px;
padding-left: 5px;
background-color: inherit;
white-space: nowrap;
}
.ThemePanelMenuFolderRight,.ThemePanelMenuItemRight
{
padding-right: 0px;
padding-left: 0px;
border-right: 1px solid #9C9A9C;
background-color: inherit;
white-space: nowrap;
}
TR.ThemePanelMenuItem TD.ThemePanelMenuFolderLeft
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 0px;
border: 0;
white-space: nowrap;
background-color: inherit;
}
TR.ThemePanelMenuItem TD.ThemePanelMenuItemLeft
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 0px;
border: 0;
white-space: nowrap;
background-color: inherit;
}
TR.ThemePanelMenuItem TD.ThemePanelMenuFolderText
{
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
padding-left: 5px;
border: 0;
white-space: nowrap;
background-color: inherit;
}
TR.ThemePanelMenuItem TD.ThemePanelMenuItemText
{
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
padding-left: 5px;
border: 0;
white-space: nowrap;
background-color: inherit;
}
TR.ThemePanelMenuItem TD.ThemePanelMenuItemRight
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 1px;
border: 0;
white-space: nowrap;
background-color: inherit;
}
TR.ThemePanelMenuItem TD.ThemePanelMenuFolderRight
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 1px;
border: 0;
white-space: nowrap;
background-color: inherit;
}
.ThemePanelMenuSplit
{
margin: 2px;
height: 1px;
overflow: hidden;
background-color: inherit;
border-top: 1px solid #9C9A9C;
}
/* image shadow animation */
/*
seq1: image for normal
seq2: image for hover and active
To use, in the icon field, input the following:
<img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/
.ThemePanelMenuItem img.seq1
{
display: inline;
}
.ThemePanelMenuItemHover seq2,
.ThemePanelMenuItemActive seq2
{
display: inline;
}
.ThemePanelMenuItem .seq2,
.ThemePanelMenuItemHover .seq1,
.ThemePanelMenuItemActive .seq1
{
display: none;
}
1.1 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/JSCookMenu.js
Index: JSCookMenu.js
===================================================================
/*
JSCookMenu v1.24. (c) Copyright 2002 by Heng Yuan
Permission is hereby granted, free of charge, to any person obtaining a
copy of this software and associated documentation files (the "Software"),
to deal in the Software without restriction, including without limitation
the rights to use, copy, modify, merge, publish, distribute, sublicense,
and/or sell copies of the Software, and to permit persons to whom the
Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included
in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
ITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
DEALINGS IN THE SOFTWARE.
*/
// Globals
var _cmIDCount = 0;
var _cmIDName = 'cmSubMenuID'; // for creating submenu id
var _cmTimeOut = null; // how long the menu would stay
var _cmCurrentItem = null; // the current menu item being selected;
var _cmNoAction = new Object (); // indicate that the item cannot be hovered.
var _cmSplit = new Object (); // indicate that the item is a menu split
var _cmItemList = new Array (); // a simple list of items
// default node properties
var _cmNodeProperties =
{
// main menu display attributes
//
// Note. When the menu bar is horizontal,
// mainFolderLeft and mainFolderRight are
// put in <span></span>. When the menu
// bar is vertical, they would be put in
// a separate TD cell.
// HTML code to the left of the folder item
mainFolderLeft: '',
// HTML code to the right of the folder item
mainFolderRight: '',
// HTML code to the left of the regular item
mainItemLeft: '',
// HTML code to the right of the regular item
mainItemRight: '',
// sub menu display attributes
// HTML code to the left of the folder item
folderLeft: '',
// HTML code to the right of the folder item
folderRight: '',
// HTML code to the left of the regular item
itemLeft: '',
// HTML code to the right of the regular item
itemRight: '',
// cell spacing for main menu
mainSpacing: 0,
// cell spacing for sub menus
subSpacing: 0,
// auto dispear time for submenus in milli-seconds
delay: 500
};
//////////////////////////////////////////////////////////////////////
//
// Drawing Functions and Utility Functions
//
//////////////////////////////////////////////////////////////////////
//
// produce a new unique id
//
function cmNewID ()
{
return _cmIDName + (++_cmIDCount);
}
//
// return the property string for the menu item
//
function cmActionItem (item, prefix, isMain, idSub, orient, nodeProperties)
{
// var index = _cmItemList.push (item) - 1;
_cmItemList[_cmItemList.length] = item;
var index = _cmItemList.length - 1;
idSub = (!idSub) ? 'null' : ('\'' + idSub + '\'');
orient = '\'' + orient + '\'';
prefix = '\'' + prefix + '\'';
return ' onmouseover="cmItemMouseOver (this,' + prefix + ',' + isMain + ',' + idSub + ',' + orient + ',' + index + ')" onmouseout="cmItemMouseOut (this,' + nodeProperties.delay + ')" onmousedown="cmItemMouseDown (this,' + index + ')" onmouseup="cmItemMouseUp (this,' + index + ')"';
}
function cmNoActionItem (item, prefix)
{
return item[1];
}
function cmSplitItem (prefix, isMain, vertical)
{
var classStr = 'cm' + prefix;
if (isMain)
{
classStr += 'Main';
if (vertical)
classStr += 'HSplit';
else
classStr += 'VSplit';
}
else
classStr += 'HSplit';
var item = eval (classStr);
return cmNoActionItem (item, prefix);
}
//
// draw the sub menu recursively
//
function cmDrawSubMenu (subMenu, prefix, id, orient, nodeProperties)
{
var str = '<div class="' + prefix + 'SubMenu" id="' + id + '"><table summary="sub menu" cellspacing="' + nodeProperties.subSpacing + '" class="' + prefix + 'SubMenuTable">';
var strSub = '';
var item;
var idSub;
var hasChild;
var i;
var classStr;
for (i = 5; i < subMenu.length; ++i)
{
item = subMenu[i];
if (!item)
continue;
hasChild = (item.length > 5);
idSub = hasChild ? cmNewID () : null;
str += '<tr class="' + prefix + 'MenuItem"' + cmActionItem (item, prefix, 0, idSub, orient, nodeProperties) + '>';
if (item == _cmSplit)
{
str += cmSplitItem (prefix, 0, true);
str += '</tr>';
continue;
}
if (item[0] == _cmNoAction)
{
str += cmNoActionItem (item, prefix);
str += '</tr>';
continue;
}
classStr = prefix + 'Menu';
classStr += hasChild ? 'Folder' : 'Item';
str += '<td class="' + classStr + 'Left">';
if (item[0] != null && item[0] != _cmNoAction) {
str += item[0];
}
else
{
str += hasChild ? nodeProperties.folderLeft : nodeProperties.itemLeft;
}
str += '</td>';
str += '<td class="' + classStr + 'Text">' + item[1] + '</td>';
str += '<td class="' + classStr + 'Right">';
if (hasChild)
{
str += nodeProperties.folderRight;
strSub += cmDrawSubMenu (item, prefix, idSub, orient, nodeProperties);
}
else
str += nodeProperties.itemRight;
str += '</td></tr>';
}
str += '</table></div>' + strSub;
return str;
}
//
// The function that builds the menu inside the specified element id.
//
// @param id id of the element
// orient orientation of the menu in [hv][ab][lr] format
// menu the menu object to be drawn
// nodeProperties properties for each menu node
//
function cmDraw (id, menu, orient, nodeProperties, prefix)
{
var obj = cmGetObject (id);
if (!nodeProperties)
nodeProperties = _cmNodeProperties;
if (!prefix)
prefix = '';
var str = '<table summary="main menu" class="' + prefix + 'Menu" cellspacing="' + nodeProperties.mainSpacing + '">';
var strSub = '';
if (!orient)
orient = 'hbr';
var orientStr = String (orient);
var orientSub;
var vertical;
// draw the main menu items
if (orientStr.charAt (0) == 'h')
{
// horizontal menu
orientSub = 'v' + orientStr.substr (1, 2);
str += '<tr>';
vertical = false;
}
else
{
// vertical menu
orientSub = 'v' + orientStr.substr (1, 2);
vertical = true;
}
var i;
var item;
var idSub;
var hasChild;
var classStr;
for (i = 0; i < menu.length; ++i)
{
item = menu[i];
if (!item)
continue;
str += vertical ? '<tr' : '<td';
str += ' class="' + prefix + 'MainItem"';
hasChild = (item.length > 5);
idSub = hasChild ? cmNewID () : null;
str += cmActionItem (item, prefix, 1, idSub, orient, nodeProperties) + '>';
if (item == _cmSplit)
{
str += cmSplitItem (prefix, 1, vertical);
str += vertical? '</tr>' : '</td>';
continue;
}
if (item[0] == _cmNoAction)
{
str += cmNoActionItem (item, prefix);
str += vertical? '</tr>' : '</td>';
continue;
}
classStr = prefix + 'Main' + (hasChild ? 'Folder' : 'Item');
str += vertical ? '<td' : '<span';
str += ' class="' + classStr + 'Left">';
str += (item[0] == null) ? (hasChild ? nodeProperties.mainFolderLeft : nodeProperties.mainItemLeft)
: item[0];
str += vertical ? '</td>' : '</span>';
str += vertical ? '<td' : '<span';
str += ' class="' + classStr + 'Text">';
str += item[1];
str += vertical ? '</td>' : '</span>';
str += vertical ? '<td' : '<span';
str += ' class="' + classStr + 'Right">';
str += hasChild ? nodeProperties.mainFolderRight : nodeProperties.mainItemRight;
str += vertical ? '</td>' : '</span>';
str += vertical ? '</tr>' : '</td>';
if (hasChild)
strSub += cmDrawSubMenu (item, prefix, idSub, orientSub, nodeProperties);
}
if (!vertical)
str += '</tr>';
str += '</table>' + strSub;
obj.innerHTML = str;
//document.write ("<xmp>" + str + "</xmp>");
}
//////////////////////////////////////////////////////////////////////
//
// Mouse Event Handling Functions
//
//////////////////////////////////////////////////////////////////////
//
// action should be taken for mouse moving in to the menu item
//
function cmItemMouseOver (obj, prefix, isMain, idSub, orient, index)
{
clearTimeout (_cmTimeOut);
if (!obj.cmPrefix)
{
obj.cmPrefix = prefix;
obj.cmIsMain = isMain;
}
var thisMenu = cmGetThisMenu (obj, prefix);
// insert obj into cmItems if cmItems doesn't have obj
if (!thisMenu.cmItems)
thisMenu.cmItems = new Array ();
var i;
for (i = 0; i < thisMenu.cmItems.length; ++i)
{
if (thisMenu.cmItems[i] == obj)
break;
}
if (i == thisMenu.cmItems.length)
{
//thisMenu.cmItems.push (obj);
thisMenu.cmItems[i] = obj;
}
// hide the previous submenu that is not this branch
if (_cmCurrentItem)
{
// occationally, we get this case when user
// move the mouse slowly to the border
if (_cmCurrentItem == thisMenu)
return;
var thatPrefix = _cmCurrentItem.cmPrefix;
var thatMenu = cmGetThisMenu (_cmCurrentItem, thatPrefix);
if (thatMenu != thisMenu.cmParentMenu)
{
if (_cmCurrentItem.cmIsMain)
_cmCurrentItem.className = thatPrefix + 'MainItem';
else
_cmCurrentItem.className = thatPrefix + 'MenuItem';
if (thatMenu.id != idSub)
cmHideMenu (thatMenu, thisMenu, thatPrefix);
}
}
// okay, set the current menu to this obj
_cmCurrentItem = obj;
// just in case, reset all items in this menu to MenuItem
cmResetMenu (thisMenu, prefix);
var item = _cmItemList[index];
var isDefaultItem = cmIsDefaultItem (item);
if (isDefaultItem)
{
if (isMain)
obj.className = prefix + 'MainItemHover';
else
obj.className = prefix + 'MenuItemHover';
}
if (idSub)
{
var subMenu = cmGetObject (idSub);
cmShowSubMenu (obj, prefix, subMenu, orient);
}
var descript = '';
if (item.length > 4)
descript = (item[4] != null) ? item[4] : (item[2] ? item[2] : descript);
else if (item.length > 2)
descript = (item[2] ? item[2] : descript);
window.defaultStatus = descript;
}
//
// action should be taken for mouse moving out of the menu item
//
function cmItemMouseOut (obj, delayTime)
{
if (!delayTime)
delayTime = _cmNodeProperties.delay;
_cmTimeOut = window.setTimeout ('cmHideMenuTime ()', delayTime);
window.defaultStatus = '';
}
//
// action should be taken for mouse button down at a menu item
//
function cmItemMouseDown (obj, index)
{
if (cmIsDefaultItem (_cmItemList[index]))
{
if (obj.cmIsMain)
obj.className = obj.cmPrefix + 'MainItemActive';
else
obj.className = obj.cmPrefix + 'MenuItemActive';
}
}
//
// action should be taken for mouse button up at a menu item
//
function cmItemMouseUp (obj, index)
{
var item = _cmItemList[index];
var link = null, target = '_self';
if (item.length > 2)
link = item[2];
if (item.length > 3 && item[3])
target = item[3];
if (link != null)
{
// changes by royalts (Thomas Spiegl)
var dummyForm = document.forms['linkDummyForm'];
dummyForm.elements['jscook_action'].value = link;
dummyForm.submit();
//window.open (link, target);
}
var prefix = obj.cmPrefix;
var thisMenu = cmGetThisMenu (obj, prefix);
var hasChild = (item.length > 5);
if (!hasChild)
{
if (cmIsDefaultItem (item))
{
if (obj.cmIsMain)
obj.className = prefix + 'MainItem';
else
obj.className = prefix + 'MenuItem';
}
cmHideMenu (thisMenu, null, prefix);
}
else
{
if (cmIsDefaultItem (item))
{
if (obj.cmIsMain)
obj.className = prefix + 'MainItemHover';
else
obj.className = prefix + 'MenuItemHover';
}
}
}
//////////////////////////////////////////////////////////////////////
//
// Mouse Event Support Utility Functions
//
//////////////////////////////////////////////////////////////////////
//
// move submenu to the appropriate location
//
// @param obj the menu item that opens up the subMenu
// subMenu the sub menu to be shown
// orient the orientation of the subMenu
//
function cmMoveSubMenu (obj, subMenu, orient)
{
var mode = String (orient);
var p = subMenu.offsetParent;
if (mode.charAt (0) == 'h')
{
if (mode.charAt (1) == 'b')
subMenu.style.top = (cmGetYAt (obj, p) + obj.offsetHeight) + 'px';
else
subMenu.style.top = (cmGetYAt (obj, p) - subMenu.offsetHeight) + 'px';
if (mode.charAt (2) == 'r')
subMenu.style.left = (cmGetXAt (obj, p)) + 'px';
else
subMenu.style.left = (cmGetXAt (obj, p) + obj.offsetWidth - subMenu.offsetWidth) + 'px';
}
else
{
if (mode.charAt (2) == 'r')
subMenu.style.left = (cmGetXAt (obj, p) + obj.offsetWidth) + 'px';
else
subMenu.style.left = (cmGetXAt (obj, p) - subMenu.offsetWidth) + 'px';
if (mode.charAt (1) == 'b')
subMenu.style.top = (cmGetYAt (obj, p)) + 'px';
else
subMenu.style.top = (cmGetYAt (obj, p) + obj.offsetHeight - subMenu.offsetHeight) + 'px';
//alert (subMenu.style.top + ', ' + cmGetY (obj) + ', ' + obj.offsetHeight);
}
}
//
// show the subMenu w/ specified orientation
// also move it to the correct coordinates
//
// @param obj the menu item that opens up the subMenu
// subMenu the sub menu to be shown
// orient the orientation of the subMenu
//
function cmShowSubMenu (obj, prefix, subMenu, orient)
{
if (!subMenu.cmParentMenu)
{
// establish the tree w/ back edge
var thisMenu = cmGetThisMenu (obj, prefix);
subMenu.cmParentMenu = thisMenu;
if (!thisMenu.cmSubMenu)
thisMenu.cmSubMenu = new Array ();
//thisMenu.cmSubMenu.push (subMenu);
thisMenu.cmSubMenu[thisMenu.cmSubMenu.length] = subMenu;
}
// position the sub menu
cmMoveSubMenu (obj, subMenu, orient);
subMenu.style.visibility = 'visible';
//
// On IE, controls such as SELECT, OBJECT, IFRAME (before 5.5)
// are window based controls. So, if sub menu and these controls
// overlap, sub menu would be hidden behind them. Thus, one needs
// to turn the visibility of these controls off when the
// sub menu is showing, and turn their visibility back on
//
if (document.all) // it is IE
{
/* part of Felix Zaslavskiy's fix on hiding controls
not really sure if this part is necessary, but shouldn't
hurt. */
if (!subMenu.cmOverlap)
subMenu.cmOverlap = new Array ();
/*@cc_on @*/
/*@if (@_jscript_version >= 5.5)
@else @*/
cmHideControl ("IFRAME", subMenu);
/*@end @*/
cmHideControl ("SELECT", subMenu);
cmHideControl ("OBJECT", subMenu);
}
}
//
// reset all the menu items to class MenuItem in thisMenu
//
function cmResetMenu (thisMenu, prefix)
{
if (thisMenu.cmItems)
{
var i;
var str;
var items = thisMenu.cmItems;
for (i = 0; i < items.length; ++i)
{
if (items[i].cmIsMain)
str = prefix + 'MainItem';
else
str = prefix + 'MenuItem';
if (items[i].className != str)
items[i].className = str;
}
}
}
//
// called by the timer to hide the menu
//
function cmHideMenuTime ()
{
if (_cmCurrentItem)
{
var prefix = _cmCurrentItem.cmPrefix;
cmHideMenu (cmGetThisMenu (_cmCurrentItem, prefix), null, prefix);
}
}
//
// hide thisMenu, children of thisMenu, as well as the ancestor
// of thisMenu until currentMenu is encountered. currentMenu
// will not be hidden
//
function cmHideMenu (thisMenu, currentMenu, prefix)
{
var str = prefix + 'SubMenu';
// hide the down stream menus
if (thisMenu.cmSubMenu)
{
var i;
for (i = 0; i < thisMenu.cmSubMenu.length; ++i)
{
cmHideSubMenu (thisMenu.cmSubMenu[i], prefix);
}
}
// hide the upstream menus
while (thisMenu && thisMenu != currentMenu)
{
cmResetMenu (thisMenu, prefix);
if (thisMenu.className == str)
{
thisMenu.style.visibility = 'hidden';
cmShowControl (thisMenu);
}
else
break;
thisMenu = cmGetThisMenu (thisMenu.cmParentMenu, prefix);
}
}
//
// hide thisMenu as well as its sub menus if thisMenu is not
// already hidden
//
function cmHideSubMenu (thisMenu, prefix)
{
if (thisMenu.style.visibility == 'hidden')
return;
if (thisMenu.cmSubMenu)
{
var i;
for (i = 0; i < thisMenu.cmSubMenu.length; ++i)
{
cmHideSubMenu (thisMenu.cmSubMenu[i], prefix);
}
}
cmResetMenu (thisMenu, prefix);
thisMenu.style.visibility = 'hidden';
cmShowControl (thisMenu);
}
//
// hide a control such as IFRAME
//
function cmHideControl (tagName, subMenu)
{
var x = cmGetX (subMenu);
var y = cmGetY (subMenu);
var w = subMenu.offsetWidth;
var h = subMenu.offsetHeight;
var i;
for (i = 0; i < document.all.tags(tagName).length; ++i)
{
var obj = document.all.tags(tagName)[i];
if (!obj || !obj.offsetParent)
continue;
// check if the object and the subMenu overlap
var ox = cmGetX (obj);
var oy = cmGetY (obj);
var ow = obj.offsetWidth;
var oh = obj.offsetHeight;
if (ox > (x + w) || (ox + ow) < x)
continue;
if (oy > (y + h) || (oy + oh) < y)
continue;
// if object is already made hidden by a different
// submenu then we dont want to put it on overlap list of
// of a submenu a second time.
// - bug fixed by Felix Zaslavskiy
if(obj.style.visibility == "hidden")
continue;
//subMenu.cmOverlap.push (obj);
subMenu.cmOverlap[subMenu.cmOverlap.length] = obj;
obj.style.visibility = "hidden";
}
}
//
// show the control hidden by the subMenu
//
function cmShowControl (subMenu)
{
if (subMenu.cmOverlap)
{
var i;
for (i = 0; i < subMenu.cmOverlap.length; ++i)
subMenu.cmOverlap[i].style.visibility = "";
}
subMenu.cmOverlap = null;
}
//
// returns the main menu or the submenu table where this obj (menu item)
// is in
//
function cmGetThisMenu (obj, prefix)
{
var str1 = prefix + 'SubMenu';
var str2 = prefix + 'Menu';
while (obj)
{
if (obj.className == str1 || obj.className == str2)
return obj;
obj = obj.parentNode;
}
return null;
}
//
// return true if this item is handled using default handlers
//
function cmIsDefaultItem (item)
{
if (item == _cmSplit || item[0] == _cmNoAction)
return false;
return true;
}
//
// returns the object baring the id
//
function cmGetObject (id)
{
if (document.all)
return document.all[id];
return document.getElementById (id);
}
//
// functions that obtain the coordinates of an HTML element
//
function cmGetX (obj)
{
var x = 0;
do
{
x += obj.offsetLeft;
obj = obj.offsetParent;
}
while (obj);
return x;
}
function cmGetXAt (obj, elm)
{
var x = 0;
while (obj && obj != elm)
{
x += obj.offsetLeft;
obj = obj.offsetParent;
}
return x;
}
function cmGetY (obj)
{
var y = 0;
do
{
y += obj.offsetTop;
obj = obj.offsetParent;
}
while (obj);
return y;
}
function cmGetYAt (obj, elm)
{
var y = 0;
while (obj && obj != elm)
{
y += obj.offsetTop;
obj = obj.offsetParent;
}
return y;
}
//
// debug function, ignore :)
//
function cmGetProperties (obj)
{
if (obj == undefined)
return 'undefined';
if (obj == null)
return 'null';
var msg = obj + ':\n';
var i;
for (i in obj)
msg += i + ' = ' + obj[i] + '; ';
return msg;
}
/*
did some changes in function cmItemMouseUp by royalts to work wiht jsf-component
HtmlCommandJSCookMenu
*/
/* JSCookMenu v1.24 1. fix window based control hiding bug
thanks to Felix Zaslavskiy <fe...@bebinary.com> for the fix.
*/
/* JSCookMenu v1.23 1. correct a position bug when the container is positioned.
thanks to Andre <an...@netspace.net.au> for narrowing down
the problem.
*/
/* JSCookMenu v1.22 1. change Array.push (obj) call to Array[length] = obj.
Suggestion from Dick van der Kaaden <di...@netrex.nl> to
make the script compatible with IE 5.0
2. Changed theme files a little to add z-index: 100 for sub
menus. This change is necessary for Netscape to avoid
a display problem.
3. some changes to the DOM structure to make this menu working
on Netscape 6.0 (tested). The main reason is that NN6 does
not do absolute positioning with tables. Therefore an extra
div layer must be put around the table.
*/
/* JSCookMenu v1.21 1. fixed a bug that didn't add 'px' as part of coordinates.
JSCookMenu should be XHTML validator friendly now.
2. removed unnecessary display attribute and corresponding
theme entry to fix a problem that Netscape sometimes
render Office theme incorrectly
*/
/* JSCookMenu v1.2. 1. fix the problem of showing status in Netscape
2. changed the handler parameters a bit to allow
string literals to be passed to javascript based
links
3. having null in target field would cause the link
to be opened in the current window, but this behavior
could change in the future releases
*/
/* JSCookMenu v1.1. added ability to hide controls in IE to show submenus properly */
/* JSCookMenu v1.01. cmDraw generates XHTML code */
/* JSCookMenu v1.0. (c) Copyright 2002 by Heng Yuan */
1.11 +21 -2 incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/jscookmenu/HtmlJSCookMenuRenderer.java
Index: HtmlJSCookMenuRenderer.java
===================================================================
RCS file: /home/cvs/incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/jscookmenu/HtmlJSCookMenuRenderer.java,v
retrieving revision 1.10
retrieving revision 1.11
diff -u -r1.10 -r1.11
--- HtmlJSCookMenuRenderer.java 13 Dec 2004 23:14:37 -0000 1.10
+++ HtmlJSCookMenuRenderer.java 24 Dec 2004 14:49:29 -0000 1.11
@@ -15,6 +15,7 @@
*/
package org.apache.myfaces.custom.navmenu.jscookmenu;
+import org.apache.myfaces.component.html.util.AddResource;
import org.apache.myfaces.custom.navmenu.NavigationMenuItem;
import org.apache.myfaces.custom.navmenu.NavigationMenuUtils;
import org.apache.myfaces.el.SimpleActionMethodBinding;
@@ -38,6 +39,9 @@
* @author Thomas Spiegl (latest modification by $Author$)
* @version $Revision$ $Date$
* $Log$
+ * Revision 1.11 2004/12/24 14:49:29 svieujot
+ * Upgrade the navmenu component to use the Extensions filter.
+ *
* Revision 1.10 2004/12/13 23:14:37 oros
* fix #1044663: handle enabledOnUserRole/visibleOnUserRole, disabled menu items are rendered with null actions
*
@@ -194,6 +198,21 @@
{
RendererUtils.checkParamValidity(context, component, HtmlCommandJSCookMenu.class);
HtmlCommandJSCookMenu menu = (HtmlCommandJSCookMenu)component;
+
+ AddResource.addJavaScriptToHeader(NavigationMenuItem.class, "jscookmenu/JSCookMenu.js", context);
+
+ AddResource.addJavaScriptToHeader(NavigationMenuItem.class, "jscookmenu/ThemeOffice/theme.js", context);
+ AddResource.addStyleSheet(NavigationMenuItem.class, "jscookmenu/ThemeOffice/theme.css", context);
+
+ AddResource.addJavaScriptToHeader(NavigationMenuItem.class, "jscookmenu/ThemeMiniBlack/theme.js", context);
+ AddResource.addStyleSheet(NavigationMenuItem.class, "jscookmenu/ThemeMiniBlack/theme.css", context);
+
+ AddResource.addJavaScriptToHeader(NavigationMenuItem.class, "jscookmenu/ThemeIE/theme.js", context);
+ AddResource.addStyleSheet(NavigationMenuItem.class, "jscookmenu/ThemeIE/theme.css", context);
+
+ AddResource.addJavaScriptToHeader(NavigationMenuItem.class, "jscookmenu/ThemePanel/theme.js", context);
+ AddResource.addStyleSheet(NavigationMenuItem.class, "jscookmenu/ThemePanel/theme.css", context);
+
ResponseWriter writer = context.getResponseWriter();
String menuId = component.getId() + "_menu";