|
Stretch Menu 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"
- Label text aligned to left
- Vertical menu direction
HTML Source
exframe.html
<FRAMESET cols=120,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=apStretchMenu.class Width=100 Height=200
mayscript>
<a href=http://www.apycom.com>Apycom Java Applets</a>
<param name="Copyright" value="Apycom.com">
<param name="isHorizontal" value="false">
<param name="status" value="text">
<param name="alignText" value="left">
<param name="fadeSteps" value="10">
<param name="fadeDelay" value="10">
<param name="backPic" value="pix/box.jpg">
<param name="overSound" value="pix/ding.au">
<param name="clickSound" value="pix/low.au">
<param name="fontColor" value="888888">
<param name="fontHighColor" value="000000">
<param name="font" value="Arial,10,1">
<param name="lineSize" value="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,ex5.html,_parent}
{ Index,../index.html,_parent}
">
<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
|