never mind...
after about 4 more hours I figured it out. Sure would have been nice if there was an example that said here is what you want a menu to look like her is the code to do it (with no ellipses). For example:
|File v| |Entry v| |View v| |About|
|---- |------ |----- |------------------------------------------------------------------------------ -----------------------------
|Exit| |Employee Entry >| |Enter Part Timers | |Logged in Users |
|----| |--------------------| |Enter Short Timers| |--------------------|
|Department Entry| |Enter Others > |Enter Early Retirement| |Logged Out Users|
|--------------------| |---------------------| |Enter Near Retirement| |-------------------|
|Position Entry | |-------------------------|
|--------------------|
Those graphics should be prettier but I do not have the time....
[size=8pt] <div class="easyui-panel" style="padding:5px;">
<a id="MEN_mnuFile_2095" href="#" class="easyui-menubutton" data-options="menu:'#SPN_mnuFile_2095'">File</a>
<a id="MEN_mnuEntry_2281" href="#" class="easyui-menubutton" data-options="menu:'#SPN_mnuEntry_2281'">Entry</a>
<a id="MEN_mnuView_3304" href="#" class="easyui-menubutton" data-options="menu:'#SPN_mnuView_3304'">View</a>
<div id="MEN_mnuAbout_37699" href="#" class="easyui-linkbutton" onclick="essMenu_Clicked('MEN_mnuAbout_3769!ABOUT!', '&About');">About</div>
<div id="SPN_mnuFile_2095" style="width:150px;" >
<div id="MEN_submnuExit_2186" onclick="essMenu_Clicked('MEN_submnuExit_2186', 'E&xit');">Exit</div>
</div> <!-- mnuFile {1] -->
<div id="SPN_mnuEntry_2281" style="width:150px;" >
<div><span>Employee Entry</span>
<div style="width:150px;" >
<div id="MEN_mnuPartTimers_2463" onclick="essMenu_Clicked('MEN_mnuPartTimers_2463', 'Enter Part Timers');">Enter Part Timers</div>
<div id="MEN_mnuShortTimers_2556" onclick="essMenu_Clicked('MEN_mnuShortTimers_2556', 'Enter Short Timers');">Enter Short Timers</div>
<div><span>Enter Others</span>
<div style="width:150px;" >
<div id="MEN_mnuEarly_2740" onclick="essMenu_Clicked('MEN_mnuEarly_2740', 'Enter Early Retirement');">Enter Early Retirement</div>
<div id="MEN_mnuNear_2833" onclick="essMenu_Clicked('MEN_mnuNear_2833', 'Enter Near Retirement');">Enter Near Retirement</div>
</div> <!-- mnuOthers {3] -->
</div> <!-- mnuOthers {3] -->
</div> <!-- submnuEmployee {2] -->
</div> <!-- submnuEmployee {2] -->
<div class="menu-sep"></div>
<div id="MEN_submnuDepartment_3023" onclick="essMenu_Clicked('MEN_submnuDepartment_3023', 'Department Entry');">Department Entry</div>
<div class="menu-sep"></div>
<div id="MEN_submnuPosition_3209" onclick="essMenu_Clicked('MEN_submnuPosition_3209', 'Position Entry');">Position Entry</div>
</div> <!-- mnuEntry {1] -->
<div id="SPN_mnuView_3304" style="width:150px;" >
<div id="MEN_submnuLogIn_3395" onclick="essMenu_Clicked('MEN_submnuLogIn_3395', 'Logged In Users');">Logged In Users</div>
<div class="menu-sep"></div>
<div id="MEN_submnuLogOut_3581" onclick="essMenu_Clicked('MEN_submnuLogOut_3581', 'Logged Out Users');">Logged Out Users</div>
</div> <!-- mnuView {1] -->
</div>
[/size]
Now a newbie has something to hang his hat on.
I created a window in a window how does the javascript tell the parent to close the window once again I have already searched for hours and have found nothing. What good is crating a window in a window if it can't be closed. I am gonna open a new thread for this but I am betting it will not be answered.
Charlie