Ranger's Home
Clarke Steinback Ph.D.
 Web Page Design
CSCI 245 Spring 2004 		Samples
Server Side Includes (SSI)    Server Side Includes (SSI)    DHTML - Forms    DHTML - Interaction    DHTML - Motion    DHTML - CSS    DHTML - getElementById   

Server Side Includes (SSI)Top of Page

SSI shtmlSample Server Side Includes (SSI)
SSI htmlSample 1 as HTML
Date SSI shtmlSSI Date and Formatting commands
Date SSI htmlDate sample as HTML
Vars shtmlSSI variables commands
Vars htmlVariables as HTML
Vars shtmlSSI variables commands with html formatting
Vars htmlVariables as HTML
CGI shtmlSSI execute CGI
CGI htmlCGI as HTML
Include SSISSI include CGI
Include htmlSSI include as HTML
Domain shtmlSSI Domain - command embedded in Javascript
Domain htmlDomain as HTML

Server Side Includes (SSI)Top of Page

Input FormData entry form to send to next page
Values SetPage receives data from previous page including hidden field
ProcessingInput values processed - pairs split
ValidationSimple input validation form
Mouse inputCapture mouse x,y location and process data

DHTML - FormsTop of Page

Resize FieldResize input field
Check CheckboxProgrammatically set checkbox
Check CheckboxProgrammatically set checkbox and change text color
Enable CheckboxProgrammatically enable/disable checkbox
Enable TextfieldProgrammatically enable/disable textfield
ReadOnly TextfieldProgrammatically make textfield read-only
FocusMouseOver to gain focus
Enable SelectProgrammatically enable/disable dropdown box
Remove OptionProgrammatically remove option from a select list

DHTML - InteractionTop of Page

Input DialogInput Name Dialog - update web page with name
ScrollScroll to location in webpage
Window ResizeShrink window on button click
Window ResizeResize window on button click

DHTML - MotionTop of Page

Flyout MenuMouseOver for flyout menu
Flyout MenuClickOn for flyout menu
Menu IconsMouseOver menu change global icon
Shakey LinkMouseOver to shake link

DHTML - CSSTop of Page

Relative PositioningBasic Relative CSS Positioning
Absolute PositioningBasic Absolute CSS Positioning
CursorsSpecifying a Cursor
Dynamic BackgroundChanging Background Color Dynamically
Z-IndexZ-Index +1
Z-IndexZ-Index -1
Scroll By ImageFix image in location on screen as user scrolls
MouseOver Large ImageMouseOver large image with preload
MouseOver Large ImageMouseOver image with multiple preload
Screen QuakeShake the screen ;)

DHTML - getElementByIdTop of Page

Simple HeaderSimple HTM Header - nothing dynamic
Change ColorChange color with getElementById
Simple ImageSimple HTM Image - nothing dynamic
Change ImageChange image with getElementById
Simple HeaderSimple HTM Header - nothing dynamic
Change HeaderChange Text with getElementById
Click on HeaderChange header color onclick with getElementById
Click on ImageChange image onclick with getElementById
MousedownMultiple events to change image with geElementById
Ranger's Home
Advising
Research
Instruction
2003 Fall
2004 Spring
CSCI 140
CSCI 245
Assignments
Calendar
Gradebook
Samples
Syllabus
2004 Fall
2005 Spring
CSCI 245 | Assignments | Calendar | Gradebook | Samples | Syllabus
Ranger's Home | Advising | Research | Instruction | 2003 Fall | 2004 Spring | 2004 Fall | 2005 Spring
  Mailto: ranger@ecst.csuchico.edu
  ranger@ecst.csuchico.edu

Maintained by Maintained by Freedom - Website Content Management System.   Developed by Diverse Network Associates Inc. Designed by Diverse Network Associates - Web Design, Programming, Networking, Technology.
© Copyright 2004 Diverse Network Associates, Inc. All rights reserved.