mainpage.html

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

 

Image Transition 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=170,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=apImageTrans.class Width="150" Height="275" 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="fadeType" value="1">
<param name="direction" value="0">
<param name="fadeSteps" value="20">
<param name="fadeDelay" value="35">
<param name="ImageEffect" value="true">
<param name="TextEffect" value="true">
<param name="backPic" value="pix/back012.jpg">
<param name="effectPic" value="pix/back013.jpg">
<param name="overSound" value="pix/blip1.au">
<param name="clickSound" value="pix/ding.au">
<param name="fontColor" value="6D79A9">
<param name="fontHighColor" value="8F5CC4">
<param name="font" value="Arial,12,1">
<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}
">
</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

 




Fatal error: Call to undefined function jambanner() in /home/apycomcom/public_html/image-transition-menu/mainpage.html on line 156