atalog Browser (Standard Version) This is the documentation for the standard version of the Catalog Browser demonstration. Also available is documentation for an enhanced version of the Catalog Browser demonstration. The enhanced version is a bit more sophisticated in its visual effects than the standard version, but the added visual "flash" can really test the Java Virtual Machine. The enhanced version should run fine on Microsoft Internet Explorer 3.01 or better, or on Netscape Navigator 4.0 or better, but earlier or less capable browsers might not provide an acceptable level of performance.
	pplet Tag The applet tag for the Catalog Browser (Standard Version) is shown below. <APPLET CODEBASE="../../Java"   WIDTH="275" HEIGHT="275"   CODE="WildViewApplet.class"> <PARAM NAME="appletBG"   VALUE="9bd0a3"> <PARAM NAME="color"   VALUE="c1e4bc"> <PARAM NAME="panelSet1"   VALUE="DocExamples/CatalogBrowser/CatalogPage1S.TXT"> <PARAM NAME="panelSet2"   VALUE="DocExamples/CatalogBrowser/CatalogPage2S.TXT"> <PARAM NAME="panelSet3"   VALUE="DocExamples/CatalogBrowser/CatalogPage3S.TXT"> <PARAM NAME="panelSet4"   VALUE="DocExamples/CatalogBrowser/CatalogPage4S.TXT"> </APPLET>
	anel Set File The panel set file used for the catalog's page one is shown below (the other three catalog pages are identical in format). <!-- *** NORTH ITEM IMAGE ***> <PANEL name=item1 module="WVPanelImage"   x=99 y=12 w=75 h=75   displayX=0 displayY=0   displayW=75 displayH=75   image="DocExamples/CatalogBrowser/Strip1.JPG"> <!-- *** NORTH ITEM IMAGE FRAME ***> <PANEL name=item1Frame module="WVPanelFrame"   x=95 y=8 w=83 h=83   size=4 color1=c1e4bc> <!-- *** EAST ITEM IMAGE ***> <PANEL name=item2 module="WVPanelImage"   x=190 y=100 w=75 h=75 image=item1   displayX=75 displayY=0   displayW=75 displayH=75> <!-- *** EAST ITEM IMAGE FRAME ***> <PANEL name=item2Frame module="WVPanelFrame"   x=186 y=96 w=83 h=83   size=4 color1=c1e4bc> <!-- *** SOUTH ITEM IMAGE ***> <PANEL name=item3 module="WVPanelImage"   x=99 y=188 w=75 h=75 image=item1   displayX=150 displayY=0   displayW=75 displayH=75> <!-- *** SOUTH ITEM IMAGE FRAME ***> <PANEL name=item3Frame module="WVPanelFrame"   x=95 y=184 w=83 h=83   size=4 color1=c1e4bc> <!-- *** WEST ITEM IMAGE ***> <PANEL name=item4 module="WVPanelImage"   x=10 y=100 w=75 h=75 image=item1   displayX=225 displayY=0   displayW=75 displayH=75> <!-- *** WEST ITEM IMAGE FRAME ***> <PANEL name=item4Frame module="WVPanelFrame"   x=6 y=96 w=83 h=83   size=4 color1=c1e4bc> <!-- *** NORTH ITEM DESCRIPTION TEXT         AND "DTS" TEXT ***> <PANEL name=item1text module="WVPanelText"   x=7 y=8 w=80 h=80   background=c1e4bc font="Helvetica"   fontSize=28 fontStyle=bold fontColor=2b6033   justify=center align=middle> DTS <!-- *** EAST ITEM DESCRIPTION TEXT         AND "Films" TEXT ***> <PANEL name=item2text module="WVPanelText"   x=188 y=8 w=80 h=80   background=c1e4bc font="Helvetica"   fontSize=28 fontStyle=bold fontColor=2b6033   justify=center align=middle> Films <!-- *** SOUTH ITEM DESCRIPTION TEXT         AND "Next Page" TEXT ***> <PANEL name=item3text module="WVPanelText"   x=188 y=188 w=80 h=80   background=c1e4bc font="Helvetica"   fontSize=14 fontStyle=bold+italic   fontColor=4b8053 justify=center   align=bottom blink=enter clock=200> Next<BR>Page <!-- *** WEST ITEM DESCRIPTION TEXT         AND "Previous Page" TEXT ***> <PANEL name=item4text module="WVPanelText"   x=7 y=188 w=80 h=80   background=c1e4bc font="Helvetica"   fontSize=14 fontStyle=bold+italic   fontColor=4b8053 justify=center   align=bottom blink=enter clock=200> Previous<BR>Page <!-- *** NORTH ITEM EVENT TRIGGERS ***> <PANEL name=Choose1 module="WVPanelTrigger"   x=99 y=10 w=75 h=75> <TRIGGER event=mouseEnter   panel=item1Frame color1=7bb083> <TRIGGER event=mouseEnter   panel=item1text fontSize=14 fontColor=7D3B9D   text="12 Monkeys<BR>$39.98<BR>($49.98)"> <TRIGGER event=mouseEnter   panel=detail enable=true   url="../Examples/CatalogBrowser/12MonkeysImage.html        ../Examples/CatalogBrowser/12MonkeysData.html"> <TRIGGER event=mouseExit   panel=item1Frame color1=c1e4bc> <TRIGGER event=mouseExit   panel=item1text fontSize=28   fontColor=2b6033 text="DTS"> <TRIGGER event=mouseExit   panel=detail enable=false> <TRIGGER event=buttonDown   panel=item1Frame color1=ff0000> <TRIGGER event=buttonUp   panel=item1Frame color1=7bb083> <!-- *** EAST ITEM EVENT TRIGGERS ***> <PANEL name=Choose2 module="WVPanelTrigger"   x=189 y=99 w=75 h=75> <TRIGGER event=mouseEnter   panel=item2Frame color1=7bb083> <TRIGGER event=mouseEnter   panel=item2text fontSize=14 fontColor=7D3B9D   text="Apollo 13<BR>$39.98<BR>($49.98)"> <TRIGGER event=mouseEnter   panel=detail enable=true   url="../Examples/CatalogBrowser/Apollo13Image.html        ../Examples/CatalogBrowser/Apollo13Data.html"> <TRIGGER event=mouseExit   panel=item2Frame color1=c1e4bc> <TRIGGER event=mouseExit   panel=item2text fontSize=28 fontColor=2b6033   text="Films"> <TRIGGER event=mouseExit   panel=detail enable=false> <TRIGGER event=buttonDown   panel=item2Frame color1=ff0000> <TRIGGER event=buttonUp   panel=item2Frame color1=7bb083> <!-- *** SOUTH ITEM EVENT TRIGGERS ***> <PANEL name=Choose3 module="WVPanelTrigger"   x=99 y=188 w=75 h=75>   <TRIGGER event=mouseEnter   panel=item3Frame color1=7bb083> <TRIGGER event=mouseEnter   panel=item3text fontSize=14 fontStyle=bold   align=middle fontColor=7D3B9D   text="Babe<BR>$31.98<BR>($39.98)"> <TRIGGER event=mouseEnter   panel=detail enable=true   url="../Examples/CatalogBrowser/BabeImage.html        ../Examples/CatalogBrowser/BabeData.html"> <TRIGGER event=mouseExit   panel=item3Frame color1=c1e4bc> <TRIGGER event=mouseExit   panel=item3text fontSize=14   fontStyle=bold+italic align=bottom   fontColor=4b8053 text="Next<BR>Page"> <TRIGGER event=mouseExit   panel=detail enable=false> <TRIGGER event=buttonDown   panel=item3Frame color1=ff0000> <TRIGGER event=buttonUp   panel=item3Frame color1=7bb083> <!-- *** WEST ITEM EVENT TRIGGERS ***> <PANEL name=Choose4 module="WVPanelTrigger"   x=9 y=99 w=75 h=75> <TRIGGER event=mouseEnter   panel=item4Frame color1=7bb083> <TRIGGER event=mouseEnter   panel=item4text fontSize=14   fontStyle=bold align=middle fontColor=7D3B9D   text="Casino<BR>$39.98<BR>($49.98)"> <TRIGGER event=mouseEnter   panel=detail enable=true   url="../Examples/CatalogBrowser/CasinoImage.html        ../Examples/CatalogBrowser/CasinoData.html"> <TRIGGER event=mouseExit   panel=item4Frame color1=c1e4bc> <TRIGGER event=mouseExit   panel=item4text fontSize=14   fontStyle=bold+italic align=bottom   fontColor=4b8053 text="Previous<BR>Page"> <TRIGGER event=mouseExit   panel=detail enable=false> <TRIGGER event=buttonDown   panel=item4Frame color1=ff0000> <TRIGGER event=buttonUp   panel=item4Frame color1=7bb083> <!-- *** VERTICAL SCROLLING TEXT IN CENTER ***> <PANEL name=TextVScroll module="WVPanelVScroll"   x=96 y=99 w=83 h=78   clock=50 lineWidth=73 leading=-3   fontSize=12 fontColor=7D3B9D   justify=center background=9bd0a3> DTS<BR> LaserDiscs<P> ** 1 of 4 **<P> Click the LaserDisc image for a closer look at the jacket and for disc information.<P> Click "Next Page" or "Previous Page" for more selections. <!-- *** PREVIOUS PAGE TRIGGER ***> <PANEL name=PreviousPage module="WVPanelTrigger"   x=7 y=188 w=80 h=80   event=buttonUp panelSet=4   loadMessage="Loading Page 4"> <!-- *** NEXT PAGE TRIGGER ***> <PANEL name=NextPage module="WVPanelTrigger"   x=188 y=188 w=80 h=80   event=buttonUp panelSet=2   loadMessage="Loading Page 2"> <!-- *** URL FOR LOADING DETAIL ***> <PANEL name=detail module="WVPanelURL"   x=0 y=0 w=275 h=275   enable=false target="Image Data"> <!-- *** TITLE ANIMATION SEQUENCE ***> <PANEL name=IdleTimer module="WVPanelTimer"   x=0 y=0 w=275 h=275   activate=mouseExit+start   deactivate=mouseEnter> <TRIGGER panel=item1text   fontColor=5b9063 background=91b48c> <TRIGGER panel=item2text   fontColor=5b9063 background=91b48c> <WAIT timeout=1> <TRIGGER panel=item1text   fontColor=8bc093 background=61945c> <TRIGGER panel=item2text   fontColor=8bc093 background=61945c> <WAIT timeout=1> <TRIGGER panel=item1text   fontColor=b1d4ac background=41743c> <TRIGGER panel=item2text   fontColor=b1d4ac background=41743c> <WAIT timeout=1> <TRIGGER panel=item1text   fontColor=c1e4bc background=2b6033> <TRIGGER panel=item2text   fontColor=c1e4bc background=2b6033> <WAIT timeout=3> <TRIGGER panel=item1text   fontColor=b1d4ac background=41743c> <TRIGGER panel=item2text   fontColor=b1d4ac background=41743c> <WAIT timeout=1> <TRIGGER panel=item1text   fontColor=8bc093 background=61945c> <TRIGGER panel=item2text   fontColor=8bc093 background=61945c> <WAIT timeout=1> <TRIGGER panel=item1text   fontColor=5b9063 background=91b48c> <TRIGGER panel=item2text   fontColor=5b9063 background=91b48c> <WAIT timeout=1> <TRIGGER panel=item1text   fontColor=2b6033 background=c1e4bc> <TRIGGER panel=item2text   fontColor=2b6033 background=c1e4bc> <WAIT timeout=30> <!-- *** RESET WHEN MOUSE ENTERS APPLET ***> <PANEL name=Reset module="WVPanelTrigger"   x=0 y=0 w=275 h=275> <TRIGGER event=mouseEnter   panel=item1text fontColor=2b6033   background=c1e4bc> <TRIGGER event=mouseEnter   panel=item2text fontColor=2b6033   background=c1e4bc> Notes A single image file is used for the four LaserDisc jacket pictures (panels "item1," "item2," "item3," and "item4"). This improves the load time because only one network connection needs to be made in order to retrieve a single image file that contains the four jacket images. The frame that surrounds each LaserDisc jacket is initially assigned the same color as the background color: this gives the appearance that there is no frame around the image. Note that there are a number of other ways that the frame could be made invisible (e.g., by using the visible attribute). The "trigger" panels (i.e., "Choose1," "Choose2," "Choose3," and "Choose4") are largely responsible for how the Catalog Browser behaves. When the mouse enters the LaserDisc jacket image area, the trigger panel changes the color of the frame around the jacket image, it displays a brief description of the LaserDisc, and it sets the URL that will be loaded if the mouse is clicked. When the mouse exits the LaserDisc jacket image area, the trigger panel changes the color of the frame around the jacket image back to the background color, it resets the original text, and it disables the URL for the LaserDisc. A mouse button click or mouse button release event simply changes the color of the item's frame (loading of a URL is handled by the panel named "detail"). When the mouse button is clicked in the "Previous Page" or "Next Page" areas, the appropriate panel set is loaded by WVPanelTrigger panels. Notice that since these panels only send a single trigger, there is no need for a <TRIGGER> subtag (i.e., all of the trigger information is included in the panel tag). Also, note the use of the loadMessage attribute to display a message while the next panel set is being loaded. The "detail" panel (based on the WVPanelURL module) is responsible for loading a URL whenever a mouse click occurs. While four WVPanelURL panels might have been used (one for each LaserDisc), in this case a single panel was used, and the URL that is loaded is set by the "trigger" panels (i.e., "Choose1," "Choose2," "Choose3," and "Choose4"). Note how the target frames for the URLs are pre-assigned. Since the targets never change, pre-assigning them means that the target information does not have to be specified each time that one of the trigger panels changes the URL. The title animation ("DTS Films") is created by using a WVPanelTimer panel and by sending triggers to the two text panels ("item1Text" and "item2Text") to change the text and background colors. The timer panel is automatically activated when the WildView display starts, and also when the mouse exits the applet area. When the mouse enters the applet area, the animation is stopped and the text is reset (by the panel named "Reset").
	mage Files All of the image files used by the Catalog Browser demo are shown below (only one LaserDisc image strip is used for each page):
Copyright © 1997 by Modern Minds, Inc.