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


XP Drop Down Menu Example #11

Apycom Java Applets

Click the following links to dynamically modify the menu:
Check Checkbox 1
Uncheck Checkbox 1
Check Checkbox 2 and show reminder
Uncheck Checkbox 2 and show reminder
Check Checkbox 5
Uncheck Checkbox 5
Get Checkbox 1 state (true-checked, false-unchecked)
Get Checkbox 5 state (true-checked, false-unchecked)

This example demonstrates:

  • Checkboxes - items with checkboxes starts with "_v" or "_0"
  • Ability to set and get checkbox states dynamically, see also javascript tips
  • Solid arrows
  • Button type 2
  • Horizontal menu direction

HTML Source

<applet name=apop Code=apXPDropDown.class Width=485 Height=20 MAYSCRIPT>
<a href=http://www.apycom.com>Apycom Java Applets</a>
<param name="Copyright" value="Apycom.com">
<param name="isHorizontal" value="true">
<param name="solidArrows" value="true">
<param name="3DBackground" value="false">
<param name="buttonType" value="2">
<param name="status" value="link">
<param name="alignText" value="center">
<param name="backColor" value="FFee66">
<param name="buttonColor" value="54b371">
<param name="fontColor" value="ffffff">
<param name="fontHighColor" value="0066CC">
<param name="font" value="Arial,11,1">
<param name="menuItems" value="
{|Animated Menus,testlink.html,_self}
{|Drop Down Menus,testlink.html,_self}
{|Web Buttons,testlink.html,_self}
{|_VCheckbox 1 (click to check/uncheck),ex11.html#,_self}
{|_VCheckbox 2 (javascript),javascript:change2(),_self}
{|_0Checkbox 3 (open a link),testlink.html,_blank}
{||_VCheckbox 5 (click to check/uncheck),ex11.html#,_self}
{||_VCheckbox 6 (javascript),javascript:change6(),_self}
{||_0Checkbox 7 (open a link),testlink.html,_blank}

<script language="Javascript">

var check2=1, check6=1;

function change2(){
if (check2) {document.apop.setCheckbox('2_2','false');alert("Checkbox 2 Unchecked!");check2=0;}
else { document.apop.setCheckbox('2_2','true'); alert("Checkbox 2 Checked!"); check2=1; }

function change6(){
if (check6) { document.apop.setCheckbox('2_4_2','false'); alert("Checkbox 6 Unchecked!"); check6=0; }
else { document.apop.setCheckbox('2_4_2','true'); alert("Checkbox 6 Checked!"); check6=1; }

<a href="javascript:document.apop.setCheckbox('2_1','true')">
Check Checkbox 1</a><br>

<a href="javascript:document.apop.setCheckbox('2_1','false')">
Uncheck Checkbox 1</a><br>

<a href="javascript:document.apop.setCheckbox('2_2','true');check2=0;change2();">
Check Checkbox 2 and show reminder</a><br>

<a href="javascript:document.apop.setCheckbox('2_2','false');check2=1;change2();">
Uncheck Checkbox 2 and show reminder</a><br>

<a href="javascript:document.apop.setCheckbox('2_4_1','true')">
Check Checkbox 5</a><br>

<a href="javascript:document.apop.setCheckbox('2_4_1','false')">
Uncheck Checkbox 5</a><br>

<a href="javascript:alert(document.apop.getCheckbox('2_1'))">
Get Checkbox 1 state (true-checked, false-unchecked)</a><br>

<a href="javascript:alert(document.apop.getCheckbox('2_4_1'))">
Get Checkbox 5 state (true-checked, false-unchecked)</a><br>

How to setup the menu


<< Previous Example Example Index Next Example >>

Copyright (c) 1998-2009, Apycom Software