Search Proft′s Web Site
  Bottom
Select JavaScript Functions Used in Pages at Proft's Web Site

The links below point to pages where the use of select JavaScript functions are demonstrated. All the functions work in Internet Explorer; however, some are not fully functional in other browsers.
While browsing the pages linked below, you might find other interesting Javascript uses that are not specifically addressed. To see the HTML/Javascript code, click on your browser's "View Source Code" feature (menu bar or right mouse click menu). Associated JS files, when used, are in the same directory as the demo web page.
Credit is given to the authors and sources (some with URLs) in the code when available. (Most demo scripts work in both IE and FF.)

C l i c k   c o l u m n   h e a d e r s   t o   t o g g l e - s o r t   t a b l e
SOURCE PAGE INSTRUCTIONS AND/OR LOCATION OF DEMO IN PAGE
Floating Find-in-Page Upper righthand corner of page (doesn't scroll with page)
Flyover I Click C-5 Flyover button
Flyover II Ascending Piper Cub when page loads
Timed Popup Click 28 Oct 03 entry text link "CBrown.html"
Right-click Menu Customizabe right-click menu
Link Lister Click "Links" button (also "Images" link at Experience.html)
Menu Bar Top of page, dropdown sub-menus on mouse-over (JS file paths same as page)
Customizable Scroller Listing of FAQs
Table Sorter Sorts tables. Click table headers to sort (this table, too). See also NBAchamps.html.
Sequenced Text Fader Click link (music in IE). View code this page and pop-up window.
Put Function Put text, special characters, tags, e.g., put(7,'&nbsp; &bull;<b>JS</b>&rarr;')
writes the following:
Pop-up Image Place cursor over "Ctrl+F" (below Texas 42 header)
Customizable Buttons Uniform button formatting (vertical menu on right side of page)
Expandable Tables Versatile tables that expand and collapse via toggling
JavaScript Calendar Perpetual calendar (Another pop-up linked at Calendar Page)
Calendar Utility Perpetual calendar with date calculators
Drag & Drop Super neat cross-browser drag and drop script and example (with Proft add-ons)
Tree Menu Upper left side of page. (See also clean sample and source info.)
Grab Bag Customizable expanding welcome and world population counter
Stationary Image Single background image remains centered when page scrolled
Draw ObjectsTX42, TXstar and TX, U.S. flag demos (no images, auto-scaling, refresh on resize)
StopwatchNeat stopwatch with split markers; easy to customize formatting to liking
Expanding ImageFlag image expands while Texas image flies to center (background scrolls, too)
Keyed EventDetect key pressed and do something (Esc key example)
Blinking or pulsing button text
HTML ColorsColor chart with self-generated sample page layouts
42 QuizMultiple-choice quiz form with scoring and correct answers
Last UpdateFile update display: (lastUpdate.js contains script.)
Text ScrollerVertical text scrolling, customizable, with mouseover pause
Poll ValidationWith popup demo image that closes automatically on blur (loss of focus)
Bar Charts: Hor VerVariable height/width tables; easily updated data variables; customizable
Table TabsTabbed "index cards" with customizable styles and content
Index CardsJavascript "index cards" using <div> tags and getElementById() method
TooltipsFast, efficient, and versatile tooltips (demos)
Draggable MapGoogle-like mouse draggable image. View code via page with menu.
Expanding TextCustomizable text banner for fun or effect.
e-BookA book-like page-turning demo with filler bird story.
Flight Path Animated helicopter image takes off and lands in window (JavaScript demo)
Image Zoomer Large image viewer (zoom feature fully functional in Internet Explorer only)
Magnifier Demo has configurable magnifier (see tjbsoom.js for source code)
Music Control Simple button control of music file. Tested in Internet Explorer and Firefox.
Progress Bar Customizable timed progress bar. Tested in Internet Explorer, Firefox, and Opera.
HTML Template Template to relieve the drudgery of creating a new HTML file from scratch.
Mouseover Menu Instead of sliding up and down, this fixed side menu hides when page is scrolled.
Position Finder Functions for finding scroll and mouse positions; window inner heights and widths.
Wait function Do loop to wait for object to be clicked (useful in Javascript games).

JavaScript Resources Style Code HTML Tags

  Top

visitors since 30 Oct 03
www.digits.com