home *** CD-ROM | disk | FTP | other *** search
/ Chip 1998 February / CHIP_2_98.iso / software / pelne / optionp / iis4_07.cab / HIWFunNGames.asp < prev    next >
Text File  |  1997-11-01  |  6KB  |  165 lines
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
  2. <HTML>
  3. <HEAD>
  4. <!--META TAGS ARE RECOMMENDED FOR THE SEARCH ENGINE-->
  5. <META NAME="DESCRIPTION" Content="How It Works Page">
  6. <META NAME="KEYWORDS" CONTENT="help, code, source code, questions, explanation, fun, games">
  7. <META NAME="GENERATOR" CONTENT="Microsoft Visual InterDev 1.0">
  8. <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso8859-1">
  9. <!--END META TAGS-->
  10.  
  11. <TITLE>How This Page Works</TITLE>
  12. </HEAD>
  13.  
  14. <BODY  BGCOLOR=#FFFFFF TOPMARGIN=0 LEFTMARGIN=0 ALINK=#23238E VLINK=#808080 LINK=#FFCC00>
  15. <BASEFONT FACE="VERDANA, ARIAL, HELVETICA" SIZE=2>
  16.  
  17. <!--Change link color on mouseover
  18.     Only if running Internet Explorer 4.0 or later -->
  19. <!--#include file=../libHighlight.inc-->
  20.  
  21. <!--BEGIN TOP TABLE HOLDING GRAPHIC, NAVIGATIONAL LINK, AND MAIN CONTENT-->
  22. <TABLE WIDTH="100%" HEIGHT="100%" CELLPADDING=0 CELLSPACING=0  BGCOLOR="#000000" BORDER=0>
  23.     <TR>
  24.         <TD BGCOLOR="#000000" ALIGN=CENTER VALIGN=TOP WIDTH=170>
  25.             <BR>
  26.             <IMG SRC="../images/btslarge.jpg" HEIGHT=119 WIDTH=171 ALT="Behind the Scenes at Exploration Air" BORDER=0 ></A>
  27.             <BR>
  28.             <BR>
  29.             <BR>
  30.             <!--BACK BUTTON AND VARIABLE TO RETURN TO ORIGINATING PAGE-->
  31.             <A HREF="<%=Request.ServerVariables("HTTP_REFERER")%>"><IMG SRC="../images/barrowy.gif" HEIGHT=8 WIDTH=8 ALT="Return to Previous Page" BORDER=0></A>
  32.              <FONT SIZE=2 FACE="VERDANA, ARIAL, HELVETICA"><STRONG>
  33.             <A HREF="<%=Request.ServerVariables("HTTP_REFERER")%>">
  34.             B  A  C  K </A>
  35.             </STRONG></FONT>
  36.             <BR> 
  37.             <BR>
  38.             <!--JAVASCRIPT TO VIEW PAGE'S SOURCE CODE-->
  39.             <A HREF="JavaScript:openWindow('../FunNGames/FunNGames.asp')">View Source</A>
  40.             <BR>
  41.         </TD>
  42.         <TD BGCOLOR="#FFFFFF" BACKGROUND="../images/btsbg.gif" VALIGN=top>
  43.             <BR CLEAR=ALL>
  44.             <TABLE WIDTH="100%" CELLPADDING=10 CELLSPACING=0 BORDER=0>   
  45.                 <TR>
  46.                     <TD VALIGN=top>
  47.                         <FONT FACE="VERDANA, ARIAL, HELVETICA" COLOR="#0000FF" SIZE=5>How the Fun 'n' Games Page Works</FONT>
  48.                         <HR>
  49.                         <FONT FACE="VERDANA, ARIAL, HELVETICA" SIZE="2">
  50.                         <H2>Functional Overview</H2>
  51.                         The Fun 'n' Games page provides a very simple word search game. First the square is generated by a server-side
  52.                         Java component and displayed. The user can then select cities. Once the user has selected a city 
  53.                         at the bottom of the screen, the user is prompted to enter the X and Y coordinates of the hidden word in the matrix.
  54.                         The prompt is dislpayed using Dynamic HTML (DHTML). 
  55.                         <P>
  56.                         The game finishes when all the cities are correctly identified.
  57.                         <P>
  58.                         <H2>Components Used</H2>
  59.                         A Java component called <STRONG>Hidden.Words</STRONG> generates the matrix of letters and cities. 
  60.                         The component is made from three classes: <STRONG>HiddenWords</STRONG>, <STRONG>SquareElement</STRONG> 
  61.                         and <STRONG>ChosenWord</STRONG>.
  62.                         <P>
  63.                         <CENTER>
  64.                         <TABLE ALIGN=CENTER BORDER=1 WIDTH=90%>
  65.                             <TR>
  66.                                 <TH BGCOLOR="#C0C0C0">Class</TH><TH BGCOLOR="#C0C0C0">Comment</TH>
  67.                             <TR>
  68.                                 <TD>
  69.                                     <STRONG><I>HiddenWords</I></STRONG>
  70.                                 </TD>
  71.                                 <TD>The main class. This is exposed by COM, so it can be called from ASP.
  72.                                    This class has the following public methods:<P>
  73.                                       <STRONG>buildWordSquare()</STRONG> and 
  74.                                    <STRONG>getWordList()</STRONG>
  75.                                 </TD>
  76.                             </TR>
  77.                             <TR>
  78.                                 <TD>
  79.                                     <STRONG><I>SquareElement</I></STRONG>
  80.                                 </TD>
  81.                                 <TD>
  82.                                     Each character in the matrix is actually an instance of this class.
  83.                                 </TD>
  84.                             </TR>
  85.                             <TR>
  86.                                 <TD>
  87.                                     <STRONG><I>ChosenWord</I></STRONG>
  88.                                 </TD>
  89.                                 <TD>
  90.                                     All the chosen words are stored in a Vector of ChosenWords.
  91.                                 </TD>
  92.                             </TR>
  93.                         </TABLE>
  94.                         </CENTER>
  95.                         <P>
  96.                         As noted in the table above, <STRONG>HiddenWords</STRONG> has three public methods. These methods are automatically exposed
  97.                         by the Microsoft Java virtual machine (VM) as COM methods. 
  98.                         <P>
  99.                         <CENTER>
  100.                         <TABLE ALIGN=CENTER BORDER=1 WIDTH=90%>
  101.                             <TR>
  102.                                 <TH BGCOLOR="#C0C0C0">Method</TH><TH BGCOLOR="#C0C0C0">Comment</TH>
  103.                             <TR>
  104.                                 <TD>
  105.                                     <STRONG><I>buildWordSquare</I></STRONG>
  106.                                 </TD>
  107.                                 <TD>
  108.                                     This method builds a random square of letters and then populates it with a random series of non-duplicate cities.
  109.                                     The words can go either across or down. Once it is populated, an HTML table is built inside the component and passed back
  110.                                     to the calling page, FunNGames.asp, through the ASP <STRONG>IResponse</STRONG> interface. 
  111.                                     To make this easier, extensive use of the ASP Java Component Framework is used.
  112.                                 </TD>
  113.                             </TR>
  114.                             <TR>
  115.                                 <TD>
  116.                                     <STRONG><I>getWordList</I></STRONG>
  117.                                 </TD>
  118.                                 <TD>
  119.                                     Returns a list of words inside an HTML table, the result is passed back    to the calling page, 
  120.                                     FunNGames.asp through the ASP <STRONG>IResponse</STRONG> interface. 
  121.                                     To make this work easier, extensive use of the ASP Java Component Framework is used.
  122.                                 </TD>
  123.                             </TR>
  124.                         </TABLE>
  125.                         </CENTER>
  126.                         <P>
  127.                         </FONT>
  128.                     </TD>
  129.                 </TR>
  130.             </TABLE>
  131.             <!--END TOP TABLE HOLDING GRAPHIC, NAVIGATIONAL LINK, AND MAIN CONTENT-->
  132.             <BR>
  133.             <BR>
  134.  
  135.             <CENTER>
  136.             <!--BEGIN LEGAL INFORMATION-->
  137.             <TABLE CELLSPACING=0 CELLPADDING=0 BORDER=0>
  138.                 <TR>
  139.                     <TD>
  140.                         <FONT FACE="VERDANA, ARIAL, HELVETICA" SIZE="1"><A HREF="../legal.htm">©1997 Microsoft Corporation. All rights reserved. Terms of Use.</A></FONT>
  141.                         <P>
  142.                     </TD>
  143.                 </TR>
  144.             </TABLE>
  145.         </TD>
  146.     </TR>
  147. </TABLE>
  148. </CENTER>
  149. <!--END LEGAL INFORMATION-->
  150.  
  151. </BODY>
  152. </HTML>
  153.  
  154. <SCRIPT LANGUAGE="JavaScript">
  155. function openWindow(SourceURL)
  156. {
  157.     // Set some defaults
  158.     width=450;
  159.     height=450;
  160.  
  161.     url = "code.asp?Source=" + SourceURL;
  162.     window.open(url,"Sample","resizable=yes,scrollbars=yes,width=" + width + ",height=" + height);
  163. }
  164. </SCRIPT>
  165.