Partial List of Example Scripts

Go To Main Page

Hundreds of Esoteric Examples Are Not Listed

Forms
- Standard deviation analysis - unlimited dynamically created data points
- Convert decimal to nearest fraction
- Right triangle calculations
- Count words in a textarea
- Count characters in a textarea
- Money amount to quarters, dimes, nickels and pennies
- Converting digits to text, maximum is 999,999,999
- Dynamic Catalog type order form
- Canadian loan amortization
- Compute cost per n users
- Product size availability by color
- Simple selected quantity multiplied by unit price
- Compute VAT
- Using an image for a checkbox
- Filter profanity and tags prior to submission
- Unhide Submit button after typing minimum number of characters
- Hide / unhide fieldset based upon select list choice
- Validating HH:MM:SS
- 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
- Four examples of using the Integer Slider Controls to perform form field calculations
- Plus twelve examples of actual working forms that are currently in use by others

Select Lists
- An AJAX version of a dynamic dependent select list is also included
- Dependent and Priority select lists, 30+ examples
- Retrieving option text, two examples
- Auto value retrieval, two examples
- Populating a select list, onload or otherwise
- Auto open select list
- Cascading select lists
- Center selected index
- Link unhides floating select list
- Link unhides select list
- Mandatory select list, two examples
- Multiple select values to textarea
- 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, 6+ examples
- Priority list 3+ examples
- 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), 10+ 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,
- Transfer list options back and forth between lists
- Transfer LI tag items to a select list, and back again

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
- Requrire a minimum number of checkboxes
- Using an "All" and or "None of the Above" checkbox
- Replacing unchecked boxes with a hidden field, upon submit
- 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
- Thumbnail Slideshow Creator Application
- 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

Strings and Arrays
- Creating dynamic associative arrays
- Deal 10 cards - no dupicates
- Deal 10 cards - duplicats allowe
- Poker Fun, an application Screen shot
- Random banner onload
- Highlight matching words in context
- Significant word count
- Highlight words and phrases in context
- Searh for words and phrases
- Highlight words and phrases including n surrounding words
- Changing element values basded upon the document language
- Replace tokens with words or phrases
- Day of the week image with link
- Count words in a textarea
- Count characters in a textarea
- Money amount to quarters, dimes, nickels and pennies
- Converting digits to text, maximum is 999,999,999
- Tip of the day
- Sort an array based upon the sort order of another array
- Shuffle an array
- 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
- Actual calendar years, months days apart
- Display next Tuesday, not current Tuesday
- Display previous or current Sunday
- Count down / up timer using images
- Simple day, date and time - 24 hour format
- Miscellaneous time zone calculation
- Money countdown / count up - 4 examples
- Refresh from server at a specific time every day
- Create monthly scrolling list of .pdf documents links for every weekday up to today
- Day of week image with link
- Time of day greeting
- World "clock," four examples
- Populating a select list with a range of dates - internation date format - 16 examples
- Populating a select list with a range of dates - U.S. date format - 16 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
- Time elapsed from HH:MM to HH:MM
- Age calculator, U.S. format
- Age calculator, International format

Window and Div Scrollers
- Simple horizontal message array scroller
- Circular, horizontal message scroller
- 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

CSS Uses
- Link Changes Stylesheet
- Avoiding Inline Styles -- Changing Class Rules
- Avoiding Inline Styles -- Changing Class Rules - 2
- CSS Box Fixed Position -- 5 versions
- Accessing CSS Class Properites -- Element Does Not hava an ID
- Accessing CSS Class Properties -- Element has an ID
- Inserting a new attibute into a Class
- Automatic Styling of Headlines and Bylines
- Toggle Background Color onmouseover - out
- Highlight Table Row and Header Cell onmouseover
- Highlight Curent Cell, First Cell in Row and Header Cell
- Float if Scroll Past Header
- Highlite Related Cells onmouseover
- Fixed position div - 3 examples
- Side by side div elements
- Adjust table width on print
- Hide elements on print
- Landscape printing, four examples
- Normal and printable view, two examples
- Print a form
- Printing an external file
- 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

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
- Rollover change paragraph style
- Click thumbnail to swap full size image, with fade
- Do not show images until fully loaded, then fade-in
- Swap thumbnail image from gallery to full-size image - 3 examples
- 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

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

Cookies
- Basic cookie code - write, read and delete multiple cookies
- Cookie redirect by refernece to n visits
- 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

Windows Media Player
- Cross-browser media player with playlist, IE and FF tested for .mp3 and .wma files
- Cross-browser media player with playlist for video files
- 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

Floaters and Tooltips
- Automatic tooltip. Word/phrase and definition pairs are delcared in a JavaScript array. The words/prhrases are automatically onload, found throughout the subject matter text, and wrapped in span tags. An AJAX version of this code uses an .xml file to hold the word/definition pairs
- Fixed position Div, stays in place as the user scrolls, 3 examples
- Button tooltip
- Image Link tooltip
- Image paging with tooltip
- Image tooltip
- Text link tooltip
- 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
- Significant Word Count
- Search For Words and or Phrases
- Highlight Words and Phrases -- including xN surrounding words
- Changing Button Values Based Upon Document Language
- Highlight Matching Words in Context
- Determining if a document has finished loading
- Simple Language Translation
- Passing Variables with setTimeout
- Setting Default Image for Image Errors
- Converting Digits to Text
- Create Monthly Scrolling List of pdf Documents for Every Weekday
- Toggle Displayed Content From List of Topics
- Do Not Show Image Until Fully Loaded
- Animated Fade-in Image Load
- All Divs To The Height of the Tallest
- Toggle div visibility - 6+ examples
- Standard deviation, etc.
- Dynamic "Yes / No" questionairre
- Read .xml files
- Previous 1 to n paging control for images
- Previous 1 to n paging control for web documents
- AJAX checks if a file exists
- 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

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

List of Customizable, Plug n Play Applications

Vertical Bar Chart Creator--- IE/Firefox tested
- Percentage and range of values types
- For the range of values type, you may declare any positive integer range, or a positive range beginning with zero
- The range of values type displays a range scale along the left-hand side of the chart
- Minimal coding needed
- Quickly create as many charts as needed, of either type, with as many bars per chart as needed
- Copy and paste a section of markup, insert or remove bar / caption pairs as necessary, and you're done
- Screen shot
- For those with JavaScript disabled, a link to your text only document is displayed, instead of a lot of unused markup
- No HTML "names" or "ids" are used, greatly reducing the chance of conflict when inserted in to an existing document.

"Contact Us" Form --- IE/Firefox tested
- Colorful and interactive, Screen shot
- Automatically validates and formats first name, surname, email and U.S. 10 digit phone number with extension, if needed
- Configuration variable to choose whether the phone number field is required or not
- Configuration variables to set the maximum letter limit for first name, last name and email
- Configuration variable to set the maximum allowed words for the message field
- Displays a running count of words the user may continue to write, or the number of words the user must delete if she exceeds the maximum word limit
- Configuration variable to declare your "banned words" array
- Automatically deletes"banned words" and other non-alphanumeric characters from the names and the message fields

Thumbnail Slideshow Creator --- IE/Firefox tested
- Quickly create multiple thumbnail slideshow on a page
- Click the thumbnail, and a "full" size, centered image appears with its caption
- Most digital photos are too large to fit within the average screen. A "fullSizePct" variable allows you to control the display size
- Has the same look and feel as a those applications which use a gray overlay
- Screen shot
- Several other configuration variables are available
- No HTML "names" or "ids" are used, greatly reducing the chance of conflict when inserted in to an existing document.

Floating, Clickable Calendar --- IE/Firefox tested
- 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.

Click to Field Calendar --- IE/Firefox tested
- Displays one month at a time, like this
- Floats to the left or right hand side
- User checks a dynamically created box - or boxes - then clicks on a date to insert that date into a form field or fields
- Several customizations available

Calendar of Events --- IE/Firefox tested
- 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.

Clickable Scrolling Headlines --- IE/Firefox tested
- Vertical rolling type, and horizontal scrolling type
- Minimal coding needed
- Quickly create headline / link pairs
- Easy to customize by changing a few CSS values
- No HTML "names" or "ids" are used, greatly reducing the chance of conflict when inserted in to an existing document.

Circular Fading Images -- IE/Firefox tested
- Optional captions
- Optional links
- May be set to run non-stop or just once
- May be set to "hide" when done
- May choose the delay that each image pauses
- May choose to randomize the set of images the code uses
- No HTML "names" or "ids" are used, greatly reducing the chance of conflict when inserted in to an existing document.

Automatic Right-to-Left Circular Smooth Scrolling Images -- IE/Firefox tested
- 6 versions
- Screen shot 1
- Screen shot 2
- Optional captions
- Optional links
- May choose the delay that each image pauses
- May choose to allow a "Click to Stop" feature or make the image a link
- May choose captions which are a footer to the image, or captions which appear in an opaque overlay of the image
- No HTML "names" or "ids" are used, greatly reducing the chance of conflict when inserted in to an existing document.

Manual, Bi-directional Circular Smooth Horizontal Scrolling Images -- IE/Firefox tested
- Optional captions
- Optional links
- Screen shot
- No HTML "names" or "ids" are used, greatly reducing the chance of conflict when inserted in to an existing document.

Dynamically Created Image Gallery -- IE/Firefox tested
- Automatically creates a clickable image gallery from your simple array
- Each image has its own width and height
- Click an image for centered full size, subject to your fullSizePct variable
- Optional captions which "float" like a tooltip on the full-size image
- Screen shot 1
- Screen shot 2
- No HTML "names" or "ids" are used, greatly reducing the chance of conflict when inserted in to an existing document.