Apycom Software Home XP Drop Down Menu Example #9  
Apycom Home Drop Down Menus Home Purchase Download FAQ Templates
<< Prev Example Index Next >>
Parameters Frame Example Javascript Tips Menu Index

 

XP Drop Down Menu Example #9

Apycom Java Applets       Click the following links to dynamically modify the menu:
     · Change "Home Page" label to "Apycom Home"
     · Restore "Home Page" item
     · Change "Download Applets" item
     · Restore "Download Applets" item
     · Change "Parameters->More links->Test link #10"
     · Restore "Parameters->More links->Test link #10"
     · Disable "Search" item
     · Enable "Search" item
     · Disable "Java Applets->Test link #8" item
     · Enable "Java Applets->Test link #8" item

      Click the following links to highlight items:
     · Home · Menus · Demos · Setup · Params · Download · Search · Contact

This example demonstrates:

  • Using javascript to dynamically change the menu by calling public functions, see also javascript tips
  • Item icons
  • XP arrows
  • Font for submenus is the same as for top menu
  • Button type 0
  • 3D background
  • Text aligned to left

HTML Source

<applet name=apop Code=apXPDropDown.class Width=115 Height=184>
<a href=http://www.apycom.com>Apycom Java Applets</a>
<param name="Copyright" value="Apycom.com">
<param name="buttonType" value="0">
<param name="isHorizontal" value="false">
<param name="solidArrows" value="false">
<param name="systemSubFont" value="false">
<param name="backColor" value="3775ff">
<param name="fontColor" 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>
 

How to setup the menu

 

<< Previous Example Example Index Next Example >>


Dhtml Navigation Menu | Reverse IP | Lightbox with Flash | jQuery Menu Plugin | Crossword Answers en
Copyright (c) 1998-2009, Apycom Software