Apycom Software Home apTabMenu Example #7  
Apycom Home Applets' Home Order Applets Download FAQ Contact
Previous Example Index Next
Parameters Frame Example Javascript Tips Applet Index

 


   apTabMenu Example #7


    Click the following links to highlight items:
   · Example #1 · Example #2 · Example #3 · Example #4 · Example #5 · Example #6 · Example #7

   This example demonstrates:

  • Using javascript to dynamically change the highlighted item, see also javascript tips
  • Tab type 5 - 3D tabs
  • Default selected tab "Example #7" (pressedItem=7)
  • Word wrapping
  • Center aligned text
  • Mouseover sound
  • Tab icons
  • Disabled "Example #5" tab - target parameter equals "_"

   HTML Source

<applet name=aptab Code=apTabMenu Archive=apTabMenu.jar Width=560 Height=31>
<param name="Copyright" value="Apycom Software - www.apycom.com">
<param name="bottomLine" value="true">
<param name="pressedItem" value="7">
<param name="overSound" value="pix/kap2.au">
<param name="tabType" value="5"> 
<param name="backColor" value="ffcc66">
<param name="tabColor" value="3775ff">
<param name="tabHighColor" value="ffeedd">
<param name="fontColor" value="ffffff">
<param name="fontHighColor" value="ff4422">
<param name="font" value="Arial,10,1">
<param name="menuItems" value="
     {Example\#1,ex1.html,_self,pix/new4-003.gif}
     {Example\#2,ex2.html,_self,pix/new4-0033.gif}
     {Example\#3,ex3.html,_self,pix/new4-0034.gif}
     {Example\#4,ex4.html,_self,pix/new4-0036.gif}
     {Example\#5,ex5.html,_,pix/new4-0032.gif}
     {Example\#6,ex6.html,_self,pix/new4-0035.gif}
     {Example\#7,ex7.html,_self,pix/new4-0031.gif}
     ">
</applet>

<a href="javascript:document.aptab.setPressedItem(1)">Example #1</a>
<a href="javascript:document.aptab.setPressedItem(2)">Example #2</a>
<a href="javascript:document.aptab.setPressedItem(3)">Example #3</a>
<a href="javascript:document.aptab.setPressedItem(4)">Example #4</a>
<a href="javascript:document.aptab.setPressedItem(5)">Example #5</a>
<a href="javascript:document.aptab.setPressedItem(6)">Example #6</a>
<a href="javascript:document.aptab.setPressedItem(7)">Example #7</a>


 

Previous Example Example Index Next Example

Copyright (c) 1998-2002, Apycom Software