|
apXPDropDown 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)
- Solid arrows
- Label text aligned to right
- Button type 1
- Vertical menu direction
HTML Source
exframe.html
<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">
</FRAMESET>
</FRAMESET>
leftpage.html
<APPLET Code=apXPDropDown.class height=274 width=120
mayscript>
<param name="Copyright" value="Apycom Software - www.apycom.com">
<param name="isHorizontal" value="false">
<param name="3DBackground" value="false">
<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}
">
</APPLET>
<script language="Javascript">
function changeAll()
{
open('mainpage.html','left_wnd');
open('leftpage.html','main_wnd');
open('leftpage.html','top_wnd');
}
</script>
|