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

 

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=apPopupMenu.class Width=485 Height=18 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="systemSubFont" value="true">
<param name="buttonType" value="2">
<param name="status" value="link">
<param name="alignText" value="left">
<param name="backColor" value="54b371">
<param name="backHighColor" value="ffffff">
<param name="fontColor" value="ffffff">
<param name="fontHighColor" value="0066CC">
<param name="font" value="Arial,11,1">
<param name="menuItems" value="
{APYCOM}
{|Home,http://www.apycom.com,_blank}
{|Animated Menus,testlink.html,_self}
{|Drop Down Menus,testlink.html,_self}
{|Web Buttons,testlink.html,_self}
{|Purchase,http://www.apycom.com/order.html,_blank}
{|Contact,testlink.html,_self}
{CHECKBOXES}
{|_VCheckbox 1 (click to check/uncheck),ex11.html#,_self}
{|_VCheckbox 2 (javascript),javascript:change2(),_self}
{|_0Checkbox 3 (open a link),testlink.html,_blank}
{|More...}
{||_VCheckbox 5 (click to check/uncheck),ex11.html#,_self}
{||_VCheckbox 6 (javascript),javascript:change6(),_self}
{||_0Checkbox 7 (open a link),testlink.html,_blank}
{PURCHASE,http://www.apycom.com/order.html,_blank}
{CONTACT,testlink.html,_self}
">
</applet>

<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; }
}
</script>

<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 >>


Javascript Calendar | Javascript Scrolling Menu | Javascript Drop Menu | Javascript Tree Menu | CSS Horizontal Menu
Copyright (c) 1998-2009, Apycom Software