Modern Java
http://www.modernminds.com
N avigation Bar Demo

 You've seen the Ultimate Button Bar (or if you haven't, make sure you check it out); now meet the Ultimate Navigation Bar.

The Navigation Bar applet is a WildView applet designed to be used as a web site navigational tool. While the Navigation Bar has buttons like a button bar does, what makes the Navigation Bar special is that it includes a mini-scrolling text panel that can display a short message, a line of "preview" text in the Navigation Bar (as opposed to displaying text in the browser's status bar), and it has an graphic icon that changes as mouse moves over different buttons.
A pplet Tag

 The applet tag for the Navigation Bar applet is shown below.
<APPLET CODEBASE="../../Java"
  WIDTH="414" HEIGHT="60"
  CODE="WildViewApplet.class">
<PARAM NAME="loadMsg"
  VALUE="Setting up the bar...">
<PARAM NAME="color" VALUE="000000">
<PARAM NAME="panelSet1"
  VALUE="DocExamples/NavigationBar/NavigationBar.TXT"> </APPLET>
P anel Set File

The panel set file used by the Navigation Bar applet is shown below.
<!-- ************** IMAGE DISPLAY *************>

<PANEL name=images module="WVPanelImage"
  x=3 y=3 w=75 h=36
  image="DocExamples/NavigationBar/NavigationBar.GIF"
  displayX=0 displayY=0 displayW=75 displayH=36>

<!-- *************** HOME BUTTON **************>

<PANEL name=url1 module="WVPanelURL"
  x=83 y=3 w=50 h=36 target=_self
  url="../Examples/NavigationBar/Home.html">

<PANEL name=frame1 module="WVPanelFrame"
  x=83 y=3 w=50 h=36 size=3 visible=enter
  color1=ff0000 color2=AA0000>

<PANEL name=name1 module="WVPanelText"
  x=86 y=13 w=44 h=20
  justify=center fontSize=14 fontStyle=bold
  fontColor=00FFFF background=000000>

Home

<PANEL name=HomeTrigger module="WVPanelTrigger"
  x=83 y=3 w=50 h=36>
<TRIGGER event=mouseEnter panel=images
  displayX=75 displayY=0 displayW=75 displayH=36>
<TRIGGER event=mouseEnter panel=preview
  text="The Home Page is your starting point
  for exploring this site.">
<TRIGGER event=buttonDown panel=frame1
  color1=aa0000 color2=ff0000>
<TRIGGER event=buttonUp+mouseExit panel=frame1
  color1=ff0000 color2=aa0000>

<!-- **************** NEW BUTTON **************>

<PANEL name=url2 module="WVPanelURL"
  x=133 y=3 w=50 h=36 target=_self
  url="../Examples/NavigationBar/New.html">

<PANEL name=frame2 module="WVPanelFrame"
  x=133 y=3 w=50 h=36 size=3 visible=enter
  color1=ff0000 color2=AA0000>

<PANEL name=name2 module="WVPanelText"
  x=136 y=13 w=44 h=20
  justify=center fontSize=14 fontStyle=bold
  fontColor=00FFFF background=000000>

New

<PANEL name=NewTrigger module="WVPanelTrigger"
  x=133 y=3 w=50 h=36>
<TRIGGER event=mouseEnter panel=preview
  text="Visit the New page to find out what's
  new and what's changed.">
<TRIGGER event=mouseEnter panel=images
  displayX=150 displayY=0 displayW=75 displayH=36>
<TRIGGER event=buttonDown panel=frame2
  color1=aa0000 color2=ff0000>
<TRIGGER event=buttonUp+mouseExit panel=frame2
  color1=ff0000 color2=aa0000>

<!-- *************** ORDER BUTTON *************>

<PANEL name=url3 module="WVPanelURL"
  x=183 y=3 w=50 h=36 target=_self
  url="../Examples/NavigationBar/Order.html">

<PANEL name=frame3 module="WVPanelFrame"
  x=183 y=3 w=50 h=36 size=3 visible=enter
  color1=ff0000 color2=AA0000>

<PANEL name=name3 module="WVPanelText"
  x=186 y=13 w=44 h=20
  justify=center fontSize=14 fontStyle=bold
  fontColor=00FFFF background=000000>

Order

<PANEL name=OrderTrigger module="WVPanelTrigger"
  x=183 y=3 w=50 h=36>
<TRIGGER event=mouseEnter panel=preview
  text="You can place orders for merchandise
  on the Order page.">
<TRIGGER event=mouseEnter panel=images
  displayX=225 displayY=0 displayW=75 displayH=36>
<TRIGGER event=buttonDown panel=frame3
  color1=aa0000 color2=ff0000>
<TRIGGER event=buttonUp+mouseExit panel=frame3
  color1=ff0000 color2=aa0000>

<!-- *************** LINKS BUTTON *************>

<PANEL name=url4 module="WVPanelURL"
  x=233 y=3 w=50 h=36 target=_self
  url="../Examples/NavigationBar/Links.html">

<PANEL name=frame4 module="WVPanelFrame"
  x=233 y=3 w=50 h=36 size=3 visible=enter
  color1=ff0000 color2=AA0000>

<PANEL name=name4 module="WVPanelText"
  x=236 y=13 w=44 h=20
  justify=center fontSize=14 fontStyle=bold
  fontColor=00FFFF background=000000>

Links

<PANEL name=LinksTrigger module="WVPanelTrigger"
  x=233 y=3 w=50 h=36>
<TRIGGER event=mouseEnter panel=preview
  text="We've listed some interesting sites on
  the Links page.">
<TRIGGER event=mouseEnter panel=images
  displayX=300 displayY=0 displayW=75 displayH=36>
<TRIGGER event=buttonDown panel=frame4
  color1=aa0000 color2=ff0000>
<TRIGGER event=buttonUp+mouseExit panel=frame4
  color1=ff0000 color2=aa0000>

<!-- *************** EMAIL BUTTON *************>

<PANEL name=url5 module="WVPanelURL"
  x=283 y=3 w=50 h=36 target=_self
  url="../Examples/NavigationBar/Mail.html">

<PANEL name=frame5 module="WVPanelFrame"
  x=283 y=3 w=50 h=36 size=3 visible=enter
  color1=ff0000 color2=AA0000>

<PANEL name=name5 module="WVPanelText"
  x=286 y=13 w=44 h=20
  justify=center fontSize=14 fontStyle=bold
  fontColor=00FFFF background=000000>

Mail

<PANEL name=MailTrigger module="WVPanelTrigger"
  x=283 y=3 w=50 h=36>
<TRIGGER event=mouseEnter panel=preview
  text="To contact out staff, please visit
  the Mail page.">
<TRIGGER event=mouseEnter panel=images
  displayX=375 displayY=0 displayW=75 displayH=36>
<TRIGGER event=buttonDown panel=frame5
  color1=aa0000 color2=ff0000>
<TRIGGER event=buttonUp+mouseExit panel=frame5
  color1=ff0000 color2=aa0000>

<!-- **************** MOUSE EXIT **************>

<PANEL name=defaultText module="WVPanelTrigger"
  x=83 y=3 w=250 h=36>
<TRIGGER event=mouseExit panel=preview
  text="Welcome to the Super Bar Code Web Site!">
<TRIGGER event=mouseExit panel=images
  displayX=0 displayY=0 displayW=75 displayH=36>

<!-- *************** PREVIEW TEXT *************>

<PANEL name=preview module="WVPanelText"
  x=3 y=42 w=408 h=18
  fontSize=12 fontStyle=bold
  fontColor=CD8BED justify=center>

Welcome to the Super Bar Code Web Site!

<!-- ************ MINI-MESSAGE TEXT ***********>

<PANEL name=welcome module="WVPanelTeletype"
  x=336 y=3 w=75 h=36 pause=enter
  clock=60 clearClock=300 fontSize=10
  background=ffffff justify=center
  lineWidth=71>

Welcome to the Super Bar Code Site<P>
We hope that you enjoy your visit!<P>
Don't forget to check the "New" page
for the latest and greatest!
I mage File

The image file used by the Navigation Bar applet is shown below.

NavigationBar.GIF
Copyright © 1997 by Modern Minds, Inc.