|
apMagicMenu Frame Example
This example demonstrates:
- Using the target parameter with frames
- Javascript calls - "Change all" item allows to change the contents of all frames by single click. See also "Javascript tips"
- Inactive items
- Label text aligned to center
- Fade type 4
- Vertical menu direction
- User defined background symbol to create rain - "backWords" param
- Fade type 5 - the background flows down
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=apMagicMenu.class height=260 width=115
mayscript>
<param name="Copyright" value="Apycom Software - www.apycom.com">
<param name="solidArrows" value="true">
<param name="backColor" value="eeeef0">
<param name="backHighColor" value="c0c0c0">
<param name="fontColor" value="0000ee">
<param name="fontHighColor" value="ffffff">
<param name="fadeType" value="5">
<param name="fadeDalay" value="10">
<param name="fadeSteps" value="20">
<param name="maxWords" value="100">
<param name="maxbfsize" value="5">
<param name="backWords" value="|">
<param name="alignText" value="center">
<param name="font" value="Courier,12,0">
<param name="menuItems" value="
{Applet,index.html,_parent}
{_,_,_}
{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,ex8.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>
How to setup the menu
|