Description: Load into 'top' frame. Display the heading for the sample application. Below, display 3 hyperlinked menu items:
In Chapter 15 the top menu was altered to make use of coookies to show the current user. This made the top menu appear as follows:
Description: In chapter 13 the the top menu was altered to make use of 6 images as JavaScript rollover images. These images will serve as hyperlinks. These are the the six images, (you can download them by clicking on each image and after right clicking choose "save picture as"):
student_off.jpg |
instructor_off.jpg |
classes_off.jpg |
student_on.jpg |
instructor_on.jpg |
classes_on.jpg |
The Final Top menu will look like this:
University Maintenance Website for Cat
|
The PSP to generate the Top Menu will now be as follows:
<p> <%@ page language="PL/SQL" %><o:p></o:p> <%@ plsql procedure="top_menu2" %> <% -------------------------------------------------------- -- FILENAME: top_menu -- FILEDATE: Jan 10, 2003 -- CREATED BY: Ben Rosenzweig -- URL : http://localhost/pls/any/top_menu -------------------------------------------------------- %> <%! v_visitor VARCHAR2(100); %> <% v_visitor := get_cookie('VISITOR'); %> <HTML> <HEAD> <TITLE>University Maintenance Website </TITLE> </HEAD> <BODY BGCOLOR="#99CCFF"> <P ALIGN="center"> <FONT FACE="Arial" SIZE=5 >University Maintenance Website for <%=† v_visitor %> </FONT></P> <TABLE BORDER="0" WIDTH="100%"> <TR> <TD ALIGN="center"> <A HREF="students_main_frame" TARGET="main" onMouseOver="document.student_button.src='/images/student_on.jpg'" onMouseOut="document.student_button.src='/images/student_off.jpg'"> <IMG SRC="/images/Student_off.jpg" BORDER="0" NAME="student_button"></A></TD> <TD ALIGN="center"> <A HREF="instruct.instructors_frame" TARGET="main" onMouseOver="document.instructor_button.src='/images/instructor_on.jpg'" onMouseOut="document.instructor_button.src='/images/instructor_off.jpg'"> <IMG SRC="/images/instructor_off.jpg" BORDER="0" NAME="instructor_button"></A></TD> <TD ALIGN="center"> <A HREF="classes_main_frame" TARGET="main" onMouseOver="document.classes_button.src='/images/classes_on.jpg'" onMouseOut="document.classes_button.src='/images/classes_off.jpg'"> <IMG SRC="/images/classes_off.jpg" BORDER="0" NAME="classes_button"></A></TD> <TD> <P ALIGN="right">If you are not <%= v_visitor† %> click <A HREF="visitor_name" TARGET="_top">† here</A></P> </TD> </TR> </TABLE> </BODY> </HTML>