• Popups
  • Auto center popup, two examples
  • Auto close popup
  • Auto close previous popup
  • Auto full size from thumbnail
  • Auto full size from thumbnail, with "close" button
  • Dynamic selection of link in new window, two examples
  • Dynamic selection of text in new window
  • Clickable popup image, link displays in the popup, and can toggle back and forth
  • Popup text input updates main document form field
  • Resizable popup image from thumbnail
  • Session cookie saves popup properties
  • Send Textarea value to new window
  • Send Texarea value to new window textarea
  • Access a main document array from new window
  • Access a main document variable from new window
  • "Do not show again" button for every popup you have

• Rollovers
  • Disable image onclick
  • Show file name onmouseover, three examples
  • Flip Flop image link
  • Missing image error detect
  • Mouseover displays an unordered list
  • Multiple rollover image links
  • Random image link generator
  • Random image onload
  • Rollover and onclick play .mp3
  • Rolover Image and link text swap
  • Rollover to customized popup
  • Rollover to innerHTML
  • Four "sticky" Rollover images
  • Timed image link swap
  • Toggle image onclick
  • Mouseover table row color change, eleven examples

• Forms
  • Credit card validation
  • Empty field background color change, three examples
  • Validation including radio buttons
  • Miscellaneous text validation
  • Multiple Textarea validation
  • Must select .jpg or .gif file
  • Required fields
  • Submit button disable/enable
  • Text and radio button validation
  • Validating a user name and PIN example
  • Validate time input to MM:SS format
  • Calculate a discount on a total, two examples
  • Coupon code discount
  • Currency converter, two examples
  • Discount checkbox
  • Input two out of three, calculate the third
  • Loan analyzer
  • Payment calculator
  • Loan amortization schedule
  • Mulitiple descriptors with multi-dimensional array
  • Calculate the form on the fly
  • Button adds table rows, onkey up calculate total price
  • Simple gross payroll
  • Sum fields with the same name
  • Auto adjust textarea rows
  • Browser details to hidden form field
  • Textbox character limit
  • Clearing all textboxes on click
  • Copy form data to clipboard
  • Cursor to EOT onfocus
  • Cursor to end of second character onfocus
  • Cursor to end of second word onfocus
  • Enter key acts like Tab, six examples
  • Image file upload details form
  • Format input on keyup
  • Form fields to an array
  • Highlight selected field
  • Limit lines in a text area
  • No spaces allowed in textbox
  • Replace commas with semi-colon on keyup
  • Send form data by Email using mailto
  • Session cookie saves form fields
  • Set background color for readonly fields
  • Table data to select list to textboxes
  • Wrap selected text in chosen tags
  • Using the query string
  • Validating fields for PHP arrays, e.g someName[]
  • Validating a questionaire consisting of many radio button groups
  • Integer Slider Controls - horizontal & vertical scrollbar dynamically inserts an integer in a form field textbox
  • Three examples of using the Integer Slider Controls to perform calculations
  • Plus twelve examples of actual working forms that are currently in use by others

• Select Lists
  • Dependent and Priority select lists, fifteen examples
  • Auto text retrieval, two examples
  • Auto value retrieval, two examples
  • Manual text retrieval, two examples
  • Manual value retrieval, two examples
  • Auto open select list
  • Cascading select lists
  • Center selected idex
  • Link unhides floating select list
  • Link unhides select list
  • Mandatory select list, two examples
  • Multiple select values to textarea
  • Retrieving a custom parameter
  • Select determines image in table cell
  • Selction unhides input field and Submit button
  • Session cookie saves list selected index
  • Concat select list values to create URL
  • Swap option text
  • Swap options via arrays
  • Select copies table data to textboxes
  • Multiple select lists to create unique values array
  • If one then the other
  • Main list unhides dependent
  • Order of preference, two examples
  • Priority list
  • Set limit select lists
  • Disabling multiple select lists by checkbox
  • Disable some options
  • Multiple-select list, remove and restore options
  • Insert and remove select list options
  • Insert options from an array
  • Insert options from a popup window
  • Insert and delete options using buttons
  • Select list adds rows to a table
  • Smart select (narrows options as user types), seven examples
  • Autofill, (retrieves data from an array upon typing enough to complete a match with an option value)
  • Selected options from all select lists populate a scrolling definition list,
  • Using .txt files to populate dynamic, dependent select lists

• Radio Buttons
  • Background change with radio button
  • Hide/unhide text box
  • Miscellaneous radio button validation
  • Radio buttons with color change of active button
  • Radio button math, two examples
  • Toggle a set of radio buttons by clicking a regular button
  • Radio button selects image
  • Validating a questionaire consisting of many radio button groups

• Checkboxes
  • Limiting the number of checked boxes
  • Set checkboxes based upon alpha string
  • Checkbox validation
  • Checkbox fills a form field
  • Limit number of checkboxes checked
  • Checkbox deletes table row
  • Checkbox highlights table row
  • Checkbox checks its cousins
  • Checked to Boolean string
  • Check/uncheck all
  • Session cookie saves checkbox state
  • Shipping information same as Billing information

• Buttons
  • Before and after images
  • Before and after images and text
  • Button text flip flop
  • Circular image link and text line paging
  • Circular image paging
  • Circular image and text line paging
  • Circular image paging - two sets of images
  • Circular image and text paging - two sets of images and related text
  • Circular text line paging
  • Circular paragraph paging with stylesheet
  • Circular table paging
  • Circular table paging with math
  • Circular thumbnail paging
  • Disabling a button
  • Using "Confirm" to add to Favorites
  • Linear image and text paging, four examples
  • Swapping a button's function
  • Hiding, restoring and replacing text, five examples

• Window and Div Scrollers
  • Simple horizontal message array scroller
  • Circular, horizontal message scroller
  • Circular, horizontal message scroller, using a .txt file for the message source
  • Circular, horizontal message scroller, with pause
  • Clickable, circular horizontal message scroller
  • Auto scroll to a page anchor link onload
  • Auto scroll a DIV
  • Auto scroll a DIV, repeating
  • Auto scroll a DIV, hide scrollbar
  • Auto scroll a DIV, repeating, hide scrollbar
  • Seesaw scroll a DIV
  • Seesaw scroll a DIV, hide scrollbar
  • Auto scroll a page down
  • Seesaw scroll a page
  • Circular horizontal scrolling footer
  • Conveyor Belt Slideshow with captions, RTL and LTR
  • Integer Slider Controls - horizontal & vertical scrollbar dynamically inserts an integer in a form field textbox
  • Three examples of using the Integer Slider Controls to perform calculations

• Tables
  • Circular table paging, three examples
  • Add text area to table, two examples
  • Retrieve cell height and width
  • Dynamic Celsius to Fahrenheit table
  • Dynamic Fahrenheit to Celsius table
  • Changing the contents of an entire row
  • Dynamic tables, four examples
  • Radio button swaps TD background color
  • Table cell data to Select list to text box
  • Widen an inner table
  • Checkbox selects rows to delete
  • Each row has a delete button
  • Column sort ascending - text & numbers
  • Column sort descending - text
  • Column sort descending - numbers
  • Sort other columns based upon sort order of selected column - ascending
  • Sort other columns based upon sort order of selected column - descending - text
  • Sort other columns based upon sort order of selected column - descending - numbers
  • Table sort - ascending - text & numbers
  • Table sort - descending - text
  • Table sort - descending - numbers
  • Table sort - either ascending or descending - text
  • Table sort - either ascending or descending - numbers
  • Sort rows according to selected sorted column - ascending
  • Sort rows according to selected sorted column - descending
  • Sort rows according to selected sorted column - either ascending or descending
  • Auto-calculate cells (in numeric text form) based upon numeric text in other cells, two versions

• Strings and Arrays
  • Access an array in an IFRAME
  • Create random number array
  • Disable/re-enable functions
  • Match data from two arrays
  • Random message onload from JS library file
  • Random message onload
  • Timed random message - no repeat
  • Timed random link - no repeat
  • Unique values array
  • Access array from new window
  • Autofill, (retrieves and displays data from an array upon typing enough to complete a match with another array element)

• Dates
  • World "clock," four examples
  • Color code dates in a table with reference to current date
  • Simple Location, Day, Date & Time display, two examples
  • Calculate the week number of the year
  • Days until end of month
  • Days until end of year
  • Count down to a date certain.
  • Count up from a date certain, 30/365 version, three examples
  • Count up from a date certain, calendar accurate version, two examples
  • Count down then count up timer
  • Count up in dollars and cents
  • Count down in dollars and cents
  • Daily text message
  • Date limit select lists - start and end dates
  • Date limit select lists using a global variable for days apart
  • Date math, U.S. format
  • Date math, International format
  • Date select displays day of week name
  • Date select to image file name
  • Date select lists - minimum days apart
  • Date validation, U.S. format
  • Date validation, International format
  • Calculate days between dates, U.S. format
  • Calculate days between dates, International format
  • Disallow holiday and weekends
  • Future date mandatory
  • Past date mandatory
  • Calculate the number of Mondays inclusive between two dates
  • Calculate the number of workdays between two dates, U.S. format
  • Calculate the number of workdays between two dates, International format
  • Calculate the calendar years, months and days between two dates
  • Weekday arithmetic: + or - (n) weekdays from a specified date
  • Seasonal text
  • Seasonal image
  • Seasonal text and image
  • Seasonal text with countdown
  • Single date limit select lists, mandatory future date
  • Single date limit select lists
  • Computing a pro-rated amount based upon days between dates
  • Time elapsed from HH:MM to HH:MM
  • Age calculator, U.S. format
  • Age calculator, International format

• IFrames
  • Printing the content of all IFrames
  • Access a variable in an IFrame SRC document
  • Auto resize IFrame to size of a Table
  • Check IFrame document last modified date
  • Dynamically resize IFrame to fit current content
  • Retrieve the width of a Table within an IFrame document
  • IFrame CSS is same as Main Window Active CSS
  • Write text to IFrame, no overwrite
  • Write text to IFrame, overwrite
  • IFrame refreshes Main document
  • Session Cookie save current IFrame SRC on refresh of Main document
  • Session Cookie saves the scroll position of IFrame on Main document refresh
  • Session Cookie saves the scroll position of the Main document from the IFrame document
  • Random IFrame SRC
  • Set Focus to a form field contained in the IFrame document
  • Copy the IFrame content to a Main document Div
  • Copy the text of a text link to a textbox in a form in the IFrame document
  • Text Link swaps IFrame SRC and has an 'arrow' indicator for the active link
  • Circular paging of an IFrame
  • IFrame text link color changes to indicate active link

• Frames
  • Accessing a radio button in another frame
  • Accessing a text field in another frame
  • Main page is determined by the day of the week
  • Using vertical and horizontal spin buttons to scroll another frame
  • Submit button for a form is in another frame
  • Submit from another frame and display form in a popup window
  • Submit from mid-frame to bottom frame
  • Submit a form contained in an IFrame that is part of another frame
  • Write a form to a blank frame
  • Copy a form field to another frame
  • Bottom frame tracks the scrolling of the top frame

• Cookies
  • Basic cookie code
  • Button sets cookie value
  • Count visits for image display
  • IFrame CSS same as main document
  • Multiple form field session cookie saves values
  • Site-wide CSS
  • Visit counter and delete cookie
  • "Do not show again" button for every popup you have

• RegEx
  • Allow positive or negative integer input only
  • Allow positive or negative real number input only
  • Allow numeric input only
  • Allow alpha input only
  • Allow alpha-numeric input only
  • Allow maximum integer on keyup
  • Allow numeric input only, no leading zero, onkeyup
  • Allow numeric input only on keyup
  • Allow positive or negative real number, maximum 2 decimal places, on keyup
  • Allow positive or negative real number on keyup
  • Allow positive real number on keyup, limit 2 decimal places
  • Allow positive real number on keyup
  • Comprehensive email validation - generic domains
  • Comprehensive email validation - U.S. and subdomains
  • Comprehensive email validation - U.S. domains
  • Wrap selected text in various tags - crossbrowser
  • Two uppercase followed by at least one digit
  • Strip information from between two markers
  • Strip information from between two brackets
  • Change quoted text to italics
  • Count characters in a textarea
  • Count new lines in a textarea
  • Count words in a text area
  • Delete all trailing spaces
  • Delete all leading and trailing spaces
  • Eliminate path from file name
  • First character to uppercase
  • Format input onkeyup
  • Format phone number with extension
  • Insert commas for money format, onblur
  • Remove quotes
  • Remove dashes
  • Remove CR & LF
  • Zip Code validator example
  • Validating SSN to 000-00-0000

• ActiveX
  • Checking if a file exists
  • Checking if a folder exists
  • Checking your own links
  • Counting files in a folder
  • File specifications form, two examples
  • JavaScript calling a VB Script function
  • JavaScript calling a VB Script Message Box
  • List all files in a folder, two examples
  • Listing all files in a folder, onload
  • Listing existing drives and their type
  • Media Player listing all available parameters and their default values
  • Media Player with hidden form statistics
  • Music files in a folder to fill select list options
  • Time and date stamp, onclick
  • Time and date stamp, onload
  • Create, append to, and read from a text file
  • Write the contents of a text file to a new window

• Clipboard
  • Copy hidden form data to the clipboard
  • Copy a table to the clipboard
  • Copy a textarea to the clipboard, two examples

• Simple Slideshows
  • Crossfade manual image paging
  • Dual crossfade auto slideshow
  • Simple auto slideshow
  • Simple image pager
  • Simple slideshow with controls and clickable images
  • Simple slideshow with controls and image captions
  • Conveyor Belt Slidewhow with captions, RTL and LTR

• Windows Media Player
  • Play five second audio clip before redirect
  • Audio Jukebox with random playlist
  • Audio Jukebox
  • Changing Background sound source
  • Click image to play audio file
  • Text link plays media file
  • Onload plays file
  • Onload plays playlist
  • Onload continous play playlist
  • Play once per visit
  • Random audio clip onload, no repeat
  • Random audio clip onload, then continous, no repeat
  • Random audio clip via button, no repeat
  • Random audio clip onload, select list contains all available media
  • Redirect on Media Player stop
  • Resize Media Player on stop
  • Rollover and onclick play audio file
  • Rollover plays audio file
  • Select list embeds media file
  • Video Jukebox, hidden controls
  • Video Jukebox
  • Popup Video Jukebox
  • Using Media Player with frames, two examples

• CSS Uses
  • Adjust table width on print
  • Hide elements on print
  • Landscape printing, four examples
  • Normal and printable view, two examples
  • Print a form
  • Printing a "chapter"
  • Printing the content of all IFrames
  • Print then auto close, two examples
  • Style per screen resolution
  • Button text color swap
  • Change background image
  • Fixed background image
  • Mouseover table cell background color change
  • Mouseover row color change, eleven examples
  • Random background image onload
  • Using className, two examples

• Floaters and Tooltips
  • Button tooltip
  • Image Link tooltip
  • Image paging with tooltip
  • Image tooltip
  • Text link tooltip
  • Complex floating headline
  • Simple floating headline
  • Floating image on frameset
  • Floating Submit button
  • Floating Image
  • Floating Table
  • Multiple Floating DIVs
  • Tracking (trailing) larger image popup on mouseover link or text
  • Tracking (trailing) larger image popup on mouseover thumbnail, with caption
  • Tracking (trailing) larger image popup on mouseover thumbnail, no caption

• Miscellaneous
  • Wrap selected text in various tags - crossbrowser
  • Blinking Text
  • User parses a sentence, word by word.
  • Browser specific coding
  • Disable right-click, two examples
  • Retrieve DIV dimensions
  • Retrieving lines of text from a .txt file
  • Displaying text in a textarea from a .txt file
  • Paging .txt files that are displayed in a textarea
  • Toggle button text
  • DIV left position based upon screen resolution
  • External JS library file based upon screen resolution
  • Last modified alert onload
  • Onload scroll to bottom of page
  • Opening PDF and other types of files
  • Printing a file without opening it
  • Five second redirect animated countdown
  • Session cookie saves scroll position of main window
  • Simple Email button
  • Simple FAQ example
  • Screen resolution based URL
  • Text link to Add To Favorites
  • Obtaining the true x-y coordinates of any page element

Every Slideshow has a set of controls, consisting of a group of radio buttons used to set the interval between slide images from 2 to 10 seconds, a Start button, a Pause button, a Resume button, and a Cancel button.

• Slideshows --- IE/Mozilla compatible
  • Auto fullsize slideshow, stand-alone
  • Resizable slide image slideshow, stand-alone
  • Auto fullsize slideshow with 1x4 thumbnail paging box
  • Auto fullsize slideshow with 2x2 thumbnail paging box
  • Resizable slide image slideshow with 1x4 thumbnail paging box
  • Resizable slide image slideshow with 2x2 thumbnail paging box

• Thumbnail Pane Pagers -- IE/Mozilla compatible
  • 1x4 pane paging, auto fullsize image onclick
  • 1x4 pane paging, resizable image onclick
  • 1x4 pane paging, auto fullsize, stand alone
  • 1x4 pane paging, resizable image, stand alone
  • 2x2 pane paging, auto fullsize image onclick
  • 2x2 pane paging, resizable image onclick
  • 2x2 pane paging, auto fullsize, stand alone
  • 2x2 pane paging, resizable image, stand alone

• Scrollboxes --- IE/Mozilla compatible
  • Circular paging scrollbox
  • Linear paging scrollbox

• Click to Swap Box --- IE/Mozilla compatible
  • Same as used in the main page on this site, and fully customizable

• Text Crawlers & Rollers --- IE/Mozilla compatible
  • Horizontal text crawler, stand alone
  • Horizontal text crawler demo
  • Vertical rolling text, stand alone
  • Vertical rolling text demo

• Floating, Clickable Calendar --- IE/Mozilla compatible
  • Displays one month at a time, like this
  • Floats to the left or right hand side
  • Optional declarations to enable clicking on a date and have it placed in a form field in mm/dd/yyyy format
  • Other customizations for the default, onload month, etc.

• Calendar of Events --- IE/Mozilla compatible
  • Displays one month at a time, like this
  • Floats to the left or right hand side
  • User clicks on a date, using AJAX the code checks if an .html file for that date exists
  • File names are in this format: April-27-2006.html
  • If file exists, it is displayed in an iframe, if not, a default file is displayed for "No Events"
  • Other customizations for the default, onload month, etc.