Instead of going through all details, here we give an example just to illustrate the idea of specifying formats. We use a two-level horizontal interactive menu bar in a table row.
When the mouse pointer moves to the items on the menu bar, a verticle menu will appear under the item. Clicking on the item on the menu bar or the drop down will lead to the page specify in the Page field of the Menu. If the function ItemAction() is defined, it will be called with these arguments in order: (item, level, page, param, parent). The "param" argument is from the Param field of the Menu. The BEE Portal simply passes the "param" value and its usage is completely subject to your interpretation in the ItemAction() function.
Here are the formats required (you only define those you need and let the BEE Portal handle the rest):
Format |
Specification |
ItemWhole[1] |
'<TD width=100 \ onmouseover="doMenuItem(\\'@Topic\\')" \ onmouseout="doMenuItem(\\'\\')" \ ><a class=menuitem title="@Description" href="${pt%Subpath}@Page">@Name</a></TD>'
|
MenuOpen[2] |
'<DIV id=@Topic_Menu \ style="Z-INDEX: 2; POSITION: absolute; visibility: hidden; LEFT: @ItemAttributepx; TOP: 110px"> \ <TABLE cellSpacing=0 cellPadding=0 border=0>'
|
MenuClose[2] |
'</TABLE></DIV>'
|
ItemWhole[2] |
'<TR><TD height=20 bgcolor=#ffcccc \ onmouseover="doMenuItem(\\'@Topic\\')" \ onmouseout="doMenuItem(\\'\\')" \ > <A class=menuitem title="@Description" href="${pt%Subpath}@Page">@Name</A> </TD></TR>'
|
|
|
|
| |