A page can be divided into multiple rows of any size where each row is a separate frame.
A page can be divided into multiple columns and rows of any size where each column / row is a separate frame.
For example, menu windows are frequently used making it possible for the user to make a selection from the menu in one window and have the program or data requested appear in another window so the menu remains visable in the first window.
A - 2. Frame tags
- Code:
. . . . . . . . </title> </head> <!-- Home Page for GRED 652 --> <frameset cols="20%, *"> <frameset rows="50%, *"> <frame scrolling=no src="a652cola.htm"> <frame src="a652col1.htm" frame name="firstcol"> <frame name="secndcol" frame src="a652col2.htm"> <noframes> <body bgcolor="eeeeaa"> ---- ---- ---- </HEAD> <BODY bgcolor="ffff11" link solor="#0000ff" alink color="#ff0000" vlink color="#0000ff"> <h5> <A href="http://www.imcnet.net/~hlfrgson"> Exit</A>*lt;BR> <A href="frg65290.htm" target="secndcol"> Syllabus</A><BR> <A href="frg652st.htm" target="secndcol"> Bulletin-board</A><BR> <A href="frg65292.htm" target="secndcol"> Assignments</A><BR> ---- ---- ----
- Examples:
See "Exercise 5" code listing. - Examples:
Forms
B - 1. Introduction to forms
- Creating a form is not complicated, but storing the data from a form in a data base or analyzing the data is complex because, in general, "server side" programs must be used to create and access data in the data base and make decisions based on user input.
B - 2. Form tags
- Code:
<FORM NAME="forml"> <B>First name:</B> <INPUT TYPE="text" NAME="firstName" SIZE=20> <BR*gt;*lt;B*gt;Last name:*lt;/B*gt; *lt;INPUT TYPE="text" NAME="lastName" SIZE=20*gt; *lt;p*gt;*lt;INPUT TYPE="button" VALUE="Names to uppercase" NAME="upperButton" onClick="setCase('upper')"*gt; *lt;INPUT TYPE="button" VALUE="Names to lowercase" NAME="lowerButton" onClick="setCase('lower')"*gt; *lt;/FORM*gt; - Now let's "run" the code. However, even though you can type in a first and last name, you will not be able to store, analyze, or do anything with your data. The buttons will not work because there is no "server side" code to work with the data. There is no "client side" script to work with the data either.
- Example:
C. JAVA and CGI
C - 1. JAVA script
- Code:
<HTML> <HEAD> <TITLE>JavaScript program j2.htm </TITLE> </HEAD> *lt;SCRIPT LANGUAGE="JavaScript"> *lt;!-- In hiding! function setCase (caseSelection) { if (caseSelection == "upper") { document.forml.firstName.value = document.forml.firstName.value.toUpperCase() document.forml.lastName.value = document.forml.lastName.value.toUpperCase() } else { document.forml.firstName.value = document.forml.firstName.value.toLowerCase() document.forml.lastName.value = document.forml.lastName.value.toLowerCase() } } // --> </SCRIPT> <BODY BGCOLOR="#ABCDEF"> <H2>The following HTML form lets you type your first and last names. Then, if you have a browser which supports JavaScript, a JavaScript function is called by pressing one of the buttons which will change your text to upper/lower case.<p> Try it!<p></h2> <FORM NAME="forml"> <B>First name:</B> <INPUT TYPE="text" NAME="firstName" SIZE=20> <BR><B>Last name:</B> <INPUT TYPE="text" NAME="lastName" SIZE=20> <p><INPUT TYPE="button" VALUE="Names to uppercase" NAME="upperButton" onClick="setCase('upper')"> <INPUT TYPE="button" VALUE="Names to lowercase" NAME="lowerButton" - Example:
Run this program and try switching your first and last names to upper or lower case by pressing the buttons.
Click
here to run an HTML program which includes
JavaScrip.C - 2. JAVA applets
C - 3. CGI, ActiveX, Plug-ins, etc.