Home | Syllabus | Labs

Lab #6 - Creating an Interactive Web Site

Items to integrate in your project

Due March 2, 2005

OBJECTIVE: Here are various ideas that may help to enhance your web site. You are required to include one or more of the following interactive elements. Other possible ideas that you might want to try can be proposed. Print a copy of your website where the interactive occurs. To copy the HTML code into your document, using Dreamweaver:

INSTRUCTIONS:

OPTION

1.

Including a search of all OSU websites:

Search OSU:

<STRONG>Search OSU: </STRONG>
<form name="seek1" method=GET action="http://hcs.osu.edu/searcher/searcher.php">
<input type="text" name="qt" value="Enter Search" class="search_type" onfocus="this.value='';">
<input type=hidden name=qs value="">
<input type=hidden name=qc value="">
<input type=hidden name=pw value="100%">
<input type=hidden name=ws value="0">
<input type=hidden name=la value="">
<input type=hidden name=qm value="0">
<input type=hidden name=st value="1">
<input type=hidden name=nh value="10">
<input type=hidden name=lk value="1">
<input type=hidden name=rf value="0">
<input type=hidden name=oq value="">
<input type=hidden name=rq value="0">
<INPUT type="submit" name="Submit" value="Submit">
</form>

OPTION

2.

Including a search of OSU PlantFacts:

Search OSU PlantFacts:

<form action="http://plantfacts.osu.edu/action.lasso" name="LassoForm.1026312713285" method="POST">
<strong>Search OSU PlantFacts:</strong> <input type="hidden" name="-Layout" value="input">
<input type="hidden" name="-Search" value="-nothing">
<input type="hidden" name="-Response" value="results_list2.lasso">
<input type="hidden" name="-AnyError" value="error.lasso">
<input name="searchitem" type="text" size=35>
<input type="submit" value="Search" name="-Search">
</form>

OPTION

3.

Including a search of the Internet:

Search the Internet using Google:

<FORM ACTION="http://www.google.com/search" METHOD=GET>
<B>Search the Internet using Google: </B>
<INPUT TYPE=text NAME=q VALUE="" SIZE=25 framewidth=4>
<INPUT TYPE=submit NAME=Submit VALUE="Search">
</FORM>

OPTION

4.

Include a Jump menu to connect to other sites

Connect to:

<HTML>
<HEAD>
<TITLE>Jump Page</TITLE>
<SCRIPT LANGUAGE="JavaScript"><!--
// Copyright (c) 1996-1997 Athenia Associates.
// http://www.webreference.com/js/
// License is granted if and only if this entire
// copyright notice is included. By Tomer Shiran.
function load(form, win) {
// menu - a reference to the select object
// win - a reference to the window object
win.location.href = form.menu.options[form.menu.selectedIndex].value
}
// --></SCRIPT>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<P><FORM ACTION="./" METHOD=POST>
<CENTER><TABLE BORDER=0 WIDTH=570>
<TR>
<TD>
<CENTER><FONT SIZE="+1"><B>Connect to:</B></FONT><B> </B>
<SELECT NAME=menu onchange="load(this.form, window)">
<OPTION VALUE="http://hcs.osu.edu">OSU Hort & Crop Science
<OPTION VALUE="http://plantfacts.osu.edu">OSU PlantFacts
<OPTION VALUE="http://webgarden.osu.edu">OSU WebGarden
</SELECT> <INPUT TYPE=button NAME=Button VALUE="GO" onclick="load(this.form, window)">
<!-- or change "window" to "parent.frames[i]" for a frame target --></CENTER>
</TD>
</TR>
</TABLE>
</CENTER>
</FORM>
</BODY>
</HTML>

Home | Syllabus | Labs

Copyright © The Ohio State University
All rights reserved.