|
apPopupMenu Example #9
This example demonstrates:
- Using javascript to dynamically change the menu by calling public functions, see also javascript tips
- Item icons
- Solid arrows
- Font for submenus is the same as for top menu
- Button type 0
- Applet's 3D border
- Text aligned to left
HTML Source
<applet name=apop Code="apPopupMenu"
Archive="apPopupMenu.jar" Width="115" Height="167">
<param name="Copyright" value="Apycom Software - www.apycom.com">
<param name="buttonType" value="0">
<param name="3dborder" value="true">
<param name="solidArrows" value="true">
<param name="systemSubFont" value="false">
<param name="backColor" value="3775ff">
<param name="backHighColor" value="ffa851">
<param name="fontColor" value="ffffff">
<param name="fontHighColor" value="ffffff">
<param name="font" value="Arial,10,1">
<param name="menuItems" value="
{Home Page,pix/new1-05.gif}
{|Test link #1,pix/ex1tst.html,_blank}
{|Test link #2,pix/ex2tst.html,_blank}
{|Test link #3,pix/ex3tst.html,_blank}
{|More links...}
{||Test link #5,pix/ex5tst.html,_blank}
{||Test link #6,pix/ex6tst.html,_blank}
{|Test link #4,pix/ex4tst.html,_blank}
{Java Applets,pix/new4-0985.gif}
{|Test link #7,pix/ex7tst.html,_blank}
{|Test link #8,pix/ex8tst.html,_blank}
{Examples,testlink.html,_blank,pix/new4-038.gif}
{Setup,testlink.html,_blank,pix/new4-0981.gif}
{Parameters,pix/new4-058.gif}
{|Test link #9,pix/ex9tst.html,_blank}
{|More links...}
{||Test link #10,pix/ex10tst.html,_blank}
{Download\Applets,pix/exdnl.html,_blank,pix/new4-0983.gif}
{Search,pix/exsrc.html,_blank,pix/new4-0591.gif}
{Contact Us,pix/excnt.html,_blank,pix/new4-098.gif}
">
</applet>
<a href="javascript:document.apop.changeItem('1','Apycom Home','','')">
Change "Home Page" label to "Apycom Home"</a><br>
<a href="javascript:document.apop.changeItem('1','Home Page','','')">
Restore "Home Page" item</a><br>
<a href="javascript:document.apop.changeItem('6','Try Free\\Version','','')">
Change "Download Applets" item</a><br>
<a href="javascript:document.apop.changeItem('6','Download\\Applets','','')">
Restore "Download Applets" item</a><br>
<a href="javascript:document.apop.changeItem('5_2_1','This item is
changed!','','')">
Change "Parameters->More links->Test link #10"</a><br>
<a href="javascript:document.apop.changeItem('5_2_1','Test link #10','','')">
Restore "Parameters->More links->Test link #10"</a><br>
<a href="javascript:document.apop.changeItem('7','Disabled search','','_')">
Disable "Search" item</a><br>
<a href="javascript:document.apop.changeItem('7','Search','','_blank')">
Enable "Search" item</a><br>
<a href="javascript:document.apop.changeItem('2_2','Test link #8 -
inactive','','_')">
Disable "Java Applets->Test link #8" item</a><br>
<a href="javascript:document.apop.changeItem('2_2','Test link #8 - now
active','','_blank')">
Enable "Java Applets->Test link #8" item</a><br><br>
<a href="javascript:document.apop.setPressedItem(1)">Home</a>
<a href="javascript:document.apop.setPressedItem(2)">Menus</a>
<a href="javascript:document.apop.setPressedItem(3)">Demos</a>
<a href="javascript:document.apop.setPressedItem(4)">Setup</a>
<a href="javascript:document.apop.setPressedItem(5)">Params</a>
<a href="javascript:document.apop.setPressedItem(6)">Download</a>
<a href="javascript:document.apop.setPressedItem(7)">Search</a>
<a href="javascript:document.apop.setPressedItem(8)">Contact</a>
|
