<< Prev Example Index Next >>
Parameters Frame Example Javascript Tips Applet Index


apPopupMenu Frame Example

This example demonstrates:

  • Using the target parameter with frames
  • Submenus' ability to cross over any number of frames and jump outside the browser window
  • Javascript calls - "Change all" item allows to change the contents of all frames by single click. See also "Javascript tips"
  • Toggle mode - default pressed item not defined, but the mode is active (pressedItem=0)
  • Inactive items
  • Solid arrows
  • Label text aligned to right
  • Button type 1 ("flat buttons")
  • Vertical menu direction

HTML Source


<FRAMESET cols=135,85%>
<FRAME name = left_wnd scrolling=no src="leftpage.html">
<FRAMESET rows=15%,85%>
<FRAME name = top_wnd scrolling=no src="toppage.html">
<FRAME name = main_wnd scrolling=yes src="mainpage.html">


<APPLET code=apPopupMenu.class height=270 width=115 mayscript>
<a href=>Apycom Java Applets</a>
<param name="Copyright" value="">
<param name="solidArrows" value="true">
<param name="backColor" value="66CCFF">
<param name="fontColor" value="FFFFFF">
<param name="fontHighColor" value="FFFF00">
<param name="buttonType" value="1">
<param name="pressedItem" value="0">
<param name="alignText" value="right">
<param name="font" value="Courier,12,0">
<param name="menuItems" value="
     {Depth test }
     {|Level 1 Link 1,testlink.html,_parent}
     {|Level 1 Link 2,testlink.html,_parent}
     {|Level 1 Link 3,testlink.html,_parent}
     {|Next level}
     {||Level 2 Link 1,testlink.html,_parent}
     {||Level 2 Link 2,testlink.html,_parent}
     {||Level 2 Link 3,testlink.html,_parent}
     {||Next level}
     {|||Level 3 Link 1,testlink.html,_parent}
     {|||Level 3 Link 2,testlink.html,_parent}
     {|||Level 3 Link 3,testlink.html,_parent}
     {|||Next level}
     {||||Level 4 Link 1,testlink.html,_parent}
     {||||Level 4 Link 2,testlink.html,_parent}
     {||||Level 4 Link 3,testlink.html,_parent}
     {||||Next level}
     {|||||Level 5 Link 1,testlink.html,_parent}
     {|||||Level 5 Link 2,testlink.html,_parent}
     {|||||Level 5 Link 3,testlink.html,_parent}
     {Frame tests } 
     {|Main in Main,mainpage.html,main_wnd} 
     {|Top in Main,toppage.html,main_wnd} 
     {|Left in Main,leftpage.html,main_wnd}
     {|Top in Top,toppage.html,top_wnd}
     {|Main in Top,mainpage.html,top_wnd}
     {|Left in Top,leftpage.html,top_wnd}
     {|Change All,javascript:changeAll(),_}
     {Main in Main ,mainpage.html,main_wnd} 
     {Top in Main ,toppage.html,main_wnd} 
     {Left in Main ,leftpage.html,main_wnd}
     {Top in Top ,toppage.html,top_wnd}
     {Main in Top ,mainpage.html,top_wnd}
     {Left in Top ,leftpage.html,top_wnd}
     {Change All ,javascript:changeAll(),_}
     {Previous ,ex7.html,_parent}
     {Index ,../index.html,_parent}
<script language="Javascript">
function changeAll()

How to setup the menu


Copyright (c) 1998-2009, Apycom Software