• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint

Finishing the Bookmall

The Jerry’s Picks page is the last option on the navigation menu. It is loaded into the right frame of the bookmall and presents a selection of four books that Jerry has singled out as his personal recommended picks. A single HTML <TABLE> tag is used to organize the display of the book images. An onMouseOver and an onMouseOut event handler have been embedded into each book’s link to display descriptive messages in the browser window status bar. These mouse events call two JavaScript functions located in the head section. The PostMsg() function writes the message passed to it from the onMouseOver event handler in each book’s link as a message on the status bar; the ClearMsg() function clears the message from the status bar when the mouse pointer moves away from the link.

<HTML>

  <HEAD>
    <TITLE>Script 5.13 - Jerry's picks page</TITLE>

      <SCRIPT LANGUAGE="JavaScript" TYPE="Text/JavaScript">
      <!-- Start hiding JavaScript statements

        //Define a function that writes the message onto the
browser's statusbar
        function PostMsg(msg) {
          window.status = msg;
        }        //Define a function that clears the message
off of the browser's status bar
        function ClearMsg() {
          window.status="";
        }

      // End hiding JavaScript statements -->
     </SCRIPT> 
  </HEAD>

  <BODY>

    <TABLE BORDER="0" WIDTH="590">
      <TR>
        <TD>
          <CENTER>
            <H2 ALIGN="left"><IMG BORDER="0" HEIGHT="78"
SRC="bstorelogo.jpg"
                WIDTH="636"></H2>
            <BR>
            <H1> Jerry's picks of the month!</H1>
      <A HREF="Script 5.14.html"
onMouseOver="PostMsg('Electrify Your Web Site In
       a Weekend'); return true;"
onMouseOut="ClearMsg();"><IMG
       SRC="electrify.jpg" BORDER="0" ALT="Electrify Your Web
Site In a
       Weekend"></A>
     <A HREF="Script 5.15.html" onMouseOver="PostMsg('Learn
Microsoft Windows Me
       Millenium Edition In a Weekend'); return true;"
       onMouseOut="ClearMsg();"><IMG SRC="me.jpg" BORDER="0"
ALT="Learn
       Microsoft Windows Me Millenium Edition In a Weekend"></A>
     <A HREF="Script 5.16.html" onMouseOver="PostMsg('Learn
Windows 98 In a
       Weekend'); return true;" onMouseOut="ClearMsg();">
<IMG SRC="w98.jpg"
       BORDER="0" ALT="Learn Windows 98 In a Weekend"></A>
     <A HREF="Script 5.17.html" onMouseOver="PostMsg('Learn
HTML on the MAC In a 
       weekend'); return true;" onMouseOut="ClearMsg();"><IMG
SRC="mac.jpg"
       BORDER="0" ALT="Learn HTML on the MAC In a week
end"></A>
          </CENTER>
        </TD>
      </TR>
    </TABLE>

  </BODY>

</HTML>

					  


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint