Apycom Software Home Navigation Bar Tabs Example #7  
Apycom Home Navigation Buttons Purchase Download FAQ Templates
<< Prev Example Index Next >>
Parameters Frame Example Javascript Tips Menu Index

 


   Navigation Bar Tabs Example #7

Apycom Java Applets


    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 0 - 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.class Width=560 Height=31>
<a href=http://www.apycom.com>Apycom Java Applets</a>
<param name="Copyright" value="Apycom.com">
<param name="bottomLine" value="true">
<param name="pressedItem" value="7">
<param name="overSound" value="pix/kap2.au">
<param name="tabType" value="0"> 
<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>

How to setup the menu

 

<< Previous Example Example Index Next Example >>


Cross Frame Menu | Menu Tabs | Palavras | Palabras | CSS DropDown Menu
Copyright (c) 1998-2009, Apycom Software