|
These scripts all deal with JavaScript Messages.
Some will tell you simply the date or time, and others will even
tell you a random quote! They range in difficulty from less than
10 lines to more than 500 lines.
Title: Add
Commas
Contributor: Martin Webb
Contributor URL: http://www.irt.org
Details: 1.49 KB * Uploaded November 18 1999
Description: Modifies a number by adding commas after every
third digit. For example, 123456789 is converted to 123,456,789.
The script example shows this script as used on numbers of various
sizes. And, it demonstrates a clever use of the modulus operator.
 [ Get
Source Code ]
Title: Alert
Details: 0.78 KB * Uploaded August 4 1997
Description: If you're just looking for a quick way to
tell your visitor something, use this JavaScript alert! When they
put their cursor on the link, they get the message in the form
of a JavaScript alert!
 [ Get
Source Code ]
Title: Alert
& Confirm
Details: 1.03 KB * Uploaded August 4 1997
Description: Here is a JavaScript confirm message that
has variable responses. Basically, the response they get depends
on what the user enters.
 [ Get
Source Code ]
Title: Auto
Popup Window
Contributor: Rick Johnson
(frj11@ev1.net)
Contributor URL: http://rickjohnson.tripod.com
Details: 1.77 KB * Uploaded January 30 2001
Description: Automatically opens a small popup window and
closes it after a specified time. Great for displaying important
messages without forcing users to close multiple windows!
 [ Get
Source Code ]
Title: Banner
Ads
Details: 1.44 KB * Uploaded July 24 1998
Description: Need to rotate banner ads on your site? How
about doing it in JavaScript! This simple little JavaScript will
print out a random banner ad each time your page is viewed. Awesome!
 [ Get
Source Code ]
Title: Banner
Rotater
Contributor: Markus
Fischer (mfischer@josefine.ben.tuwien.ac.at)
Contributor URL: http://josefine.ben.tuwien.ac.at/~mfischer/
Details: 1.74 KB * Uploaded November 10 2000
Description: Change banner images on the fly. No need to
reload the page. Neat!
 [ Get
Source Code ]
Title: Check
Sorter
Contributor: Tom Folkes
(tfolkes@cpcug.org)
Details: 5.26 KB * Uploaded May 3 1999
Description: JavaScript can sort data based on any field
of information. In this example, a checkbook register can be sorted
by date, check number, check amount, or paid to person. We're
one step closer to online banking... ;-)
 [ Get
Source Code ]
Title: Confirm
Entry
Details: 0.57 KB * Uploaded March 2 1998
Description: This JavaScript asked you if you would like
to continue. If you say "OK", it loads the page. If you click
"CANCEL" (kinda like no) then it takes you back where you came
from. Very neat! Really short!
 [ Get
Source Code ]
Title: Daily
Tip
Contributor: Mike W.
(mikew@dvol.com)
Contributor URL: http://www.dvol.com/~users/mikew
Details: 1.46 KB * Uploaded June 23 2000
Description: Displays a Tip of the Day on your page. Some
examples include tips on your site, quotes, computer tips, etc.
Just update the tips on a monthly basis.
 [ Get
Source Code ]
Title: Dancing
Links
Details: 0.98 KB * Uploaded August 18 1998
Description: (Internet Explorer Only!) This little script
will continuously change the highlighted link colors (visited
and unvisited links) in Internet Explorer. Very neat! Netscape
- why doesn't your browser support this? :-)
 [ Get
Source Code ]
Title: Date
Message
Details: 2.13 KB * Uploaded December 21 1999
Description: Displays your message on the appropriate day
you indicate. For example, you can have it print messages on holidays,
birthdays, or other dates that are important to you and your site's
visitors! Cool!
 [ Get
Source Code ]
Title: Default
Status Message
Details: 0.27 KB * Uploaded March 12 1999
Description: Here's a neat way to put a message in the
status bar on your page. It will stay there as the default message!
Neat!
 [ Get
Source Code ]
Title: Define
It
Details: 0.31 KB * Uploaded April 13 1999
Description: Look how easy it is to offer your visitors
a definition to unfamiliar terms on your site. It takes just one
line of code!
 [ Get
Source Code ]
Title: Description
Layer
Contributor: Randy
Bennett (rbennett@thezone.net)
Contributor URL: http://home.thezone.net/~rbennett/utility/javahead.html
Details: 2.93 KB * Uploaded July 2 1999
Description: (4.0+ browsers) Offer your visitors a quick
description or more information about a link before they visit
it. When they put their cursor over a link a layer will appear
describing the link. Your visitors will appreciate the extra effort,
and it looks great too!
 [ Get
Source Code ]
Title: Editable
Menu
Contributor: Cyanide_7
(leo7278@hotmail.com)
Contributor URL: http://www7.ewebcity.com/cyanide7
Details: 2.12 KB * Uploaded March 16 2000
Description: Allows you to modify the text value of a SELECT
menu option. Upon selecting the option, if it is set as editable,
a cursor will appear. To edit the option, simply type, and press
enter when finished (To bring back the old value, just hit enter.)
You can also define any option as "read-only". Despite some known
bugs, it is an amazing script.
 [ Get
Source Code ]
Title: Elastic
Bullets
Contributor: Philip
Winston (pwinston@yahoo.com)
Contributor URL: http://members.xoom.com/ebullets
Details: 6.05 KB * Uploaded February 11 2000
Description: Moves a series of images around the screen
as if they were connected to the mouse cursor on a piece of elastic.
In the demo, a series of small circular bullet icons are used.
You could easily use any small images you want. You have to see
it to believe it, wow!
 [ Get
Source Code ]
Title: Favorite
Banner
Contributor: Rich Galichon
(rich@galichon.net)
Contributor URL: http://www.galichon.net
Details: 3.48 KB * Uploaded December 6 2000
Description: Display banners while controlling how often
they appear. Great for displaying a preferred banner over others!
 [ Get
Source Code ]
Title: Find
In Page
Contributor: Mike Hall
(MHall75819@aol.com)
Contributor URL: http://members.aol.com/MHall75819
Details: 1.54 KB * Uploaded July 9 1999
Description: Allow your visitors to perform the same find
in page search that Netscape and Internet Explorer browsers can
perform on a page. They just enter a search term and hit enter.
If the term is found on the page it is highlighted. Great!
 [ Get
Source Code ]
Title: Footer
Text
Details: 0.90 KB * Uploaded June 9 1999
Description: (Version 4.0+ browsers) If adding and updating
links at the bottom of each HTML page of your site is driving
you crazy, here's the solution. JavaScript can read from an external
file and include that code on the bottom of each page. The external
file that it reads (with a .js extension) could contain the JavaScript
code to print your footer text! Then, when the links change, just
update the .js file, and all the other pages are updated, instantly!
Great! (Note: Some servers do not support external .js files.
Contact your system administrator to ensure you can run it on
your site.)
 [ Get
Source Code ]
Title: Glow
Text
Contributor: CodeLifter.com
(support@codelifter.com)
Contributor URL: http://www.codelifter.com
Details: 1.88 KB * Uploaded February 1 2001
Description: (Internet Explorer 5.5) Present text with
an amazing glowing border. Automatically changes color, height,
and width of message at a specified rate. Note: Text appears normal
in all other browsers.
 [ Get
Source Code ]
Title: Headliner
Contributor: Jan Pijnacker (Jan_P@dds.nl)
Details: 5.69 KB * Uploaded February 22 1998
Description: When you need to present information on your
site, you should consider this script. Appropriately named the
Headliner, it presents a number of messages to your visitors in
many different formats including a simple scroll, typewriter,
expand, and just static text. Each message when clicked can take
the visitor to a different URL! This script is really great....
Just check it out!
 [ Get
Source Code ]
Title: Help
Popups
Contributor: S. Lee
Contributor URL: http://www.geocities.com/SiliconValley/Bay/4000/javascript.html
Details: 5.71 KB * Uploaded May 27 1999
Description: Microsoft Windows help boxes are second-nature
to most of us by now. How about having a similar popup help box
on your web site!? When visitors put their cursor on an item you
have defined as having a help popup, it will load very quickly
because JavaScript is actually creating the entire HTML page for
the popup! There are tons of customizations you can play with
the tailor the appearance of the popups to your site. You have
to see this script, it's great!
 [ Get
Source Code ]
Title: Hover
Colors
Contributor: Alan Branch
(webman58@aol.com)
Contributor URL: http://www.technom.com
Details: 1.26 KB * Uploaded April 3 2000
Description: (Internet Explorer Only) Make the links on
your site more exciting by changing the link text and background
color when the link is being touched. Each link on your page can
have a unique link and background color. Cool!
 [ Get
Source Code ]
Title: Image
Description
Details: 1.55 KB * Uploaded November 8 1999
Description: Offer your visitors a short description when
they put their cursor on an image link. Give more information
about what is offered at a site, if it is free or not, or anything
else you think is important for them to know. Neat!
 [ Get
Source Code ]
Title: Info
Stories
Details: 2.82 KB * Uploaded May 29 1998
Description: Users can click on a headline and read a short
description of the page, feature, or story. They can click the
button to instantly be sent there! Great way to help your visitors
get around your site! (Don't forget to learn from the coding!)
 [ Get
Source Code ]
Title: Information
Box
Details: 2.92 KB * Uploaded August 4 1997
Description: Put this useful little script on your page
to display lots of information to your visitors quickly and effectively.
Check it out and see what I mean!
 [ Get
Source Code ]
Title: Jitter
Text
Contributor: Michael
Tartaglia (stonedstan@hotmail.com)
Contributor URL: http://travel.to/html-hell
Details: 1.58 KB * Uploaded June 7 1999
Description: (Version 4.0+ Browsers) The blink tag was
good at getting your visitors attention, but how quickly it got
annoying.... The newest attention-getter is Jitter Text! Just
enter the text you want to use, and in version 4.0+ browser it
will 'jiggle' around the screen, like jello! And it is not annoying!
Check it out!
 [ Get
Source Code ]
Title: Link
Message
Details: 0.46 KB * Uploaded August 4 1997
Description: It's nice of you to show your visitors a little
bit about a link before they follow it! When they put their cursor
on a link, a description of the link appears on the status bar,
rather than the URL! I can think of many times this would be very
convenient....
 [ Get
Source Code ]
Title: Logo
Orbit
Contributor: Kurt
Grigg (kurt.grigg@virgin.net)
Contributor URL: http://website.lineone.net/~kurt.grigg/javascript
Details: 1.93 KB * Uploaded January 26 2001
Description: (IE Only) This orbiting 3-D message follows
your mouse around the screen. The message, color and font are
simple to modify!
 [ Get
Source Code ]
Title: Menu
Message
Contributor: Stephanie
M. Clarkson (thespian@sleepingcat.com)
Contributor URL: http://www.sleepingcat.com
Details: 1.54 KB * Uploaded April 2 1998
Description: This script does a great job in presenting
lots of information to your visitors without filling up your whole
page. Each listing in the Pulldown Menu shows a different message
in the text box! Give it a try!
 [ Get
Source Code ]
Title: Modify
Array
Details: 2.41 KB * Uploaded July 20 1999
Description: Demonstrates how to modify an array by adding
elements to or remove elements from the array. Our example also
includes validation to ensure that only valid elements are removed
or that 'reasonable' element indexes are added. Clever!
 [ Get
Source Code ]
Title: Moon
Phases
Contributor: James
Thiele (mailto:jet@eskimo.com)
Details: 1.83 KB * Uploaded August 25 1999
Description: Displays the moon's current phase and estimates
the time of the next full moon, using a calculation of the moon's
rotation and the date.
 [ Get
Source Code ]
Title: Mouse
Banner
Contributor: Peter Gehrig
Contributor URL: http://www.24fun.ch
Details: 2.08 KB * Uploaded December 29 1999
Description: Drags a text message, such as your site's
name, around the screen behind the mouse cursor. Useful as an
attention-grabber on the main page of your site. Don't overuse
this script, though! ;-)
 [ Get
Source Code ]
Title: Mouse
Banner 2
Contributor: Kurt
Grigg (kurt.grigg@virgin.net)
Contributor URL: http://website.lineone.net/~kurt.grigg/javascript
Details: 2.91 KB * Uploaded December 27 2000
Description: Another way to display a banner behind the
cursor. It's easy to change the font, size or color.
 [ Get
Source Code ]
Title: Mouse
Trails
Contributor: Marcin
Wojtowicz (one_spook@hotmail.com)
Details: 2.44 KB * Uploaded January 5 2000
Description: A trail of cursors follow your cursor around
the screen as you move the mouse. The image used here is transparent
so the effect is subtle, but you could use any transparent image
you want. Works in Internet Explorer and Netscape.
 [ Get
Source Code ]
Title: Name
Alert
Details: 1.00 KB * Uploaded August 4 1997
Description: JavaScript can personally great all the visitors
to your web page! When they enter, they are asked their name,
and then they are greeted! Ah.... The wonders of JavaScript.
 [ Get
Source Code ]
Title: Name
Write
Details: 0.69 KB * Uploaded August 4 1997
Description: Instead of alerting the user with 'Welcome
Name!' you can write it into your page. This is neat for users
to suddenly be reading along and just stumble upon their own name!
 [ Get
Source Code ]
Title: Neon
Text
Contributor: hallo503@hotmail.com
(hallo503@hotmail.com)
Contributor URL: http://www.bestjavascripts.com
Details: 2.90 KB * Uploaded January 22 2001
Description: (IE Only) Display messages using this unique
neon style method. (Netscape will only display the message normally.)
Cool!
 [ Get
Source Code ]
Title: OverLIB
Contributor: Erik Bosrup
(erik@bosrup.com)
Contributor URL: http://www.bosrup.com/web/overlib/
Details: 7.46 KB * Uploaded February 9 2000
Description: This JavaScript library allows you to display
small popup information boxes to help visitors around your website.
When their cursor is over a link, your message can be displayed
in any of a number of box styles. And, since it is in a '.js'
file, you can add the code to your site once and call it from
every page of your site. Impressive!
 [ Get
Source Code ]
Title: Phone
Lookup
Details: 1.54 KB * Uploaded October 5 1999
Description: Allows the user to enter their area code and
phone number and have the modem dialup phone number for their
area displayed. If their area code matches an area code as defined
in the script, the appropriate dialup number is displayed. For
all other area codes, an error message is displayed. Only supports
one dialup number per area code, though.
 [ Get
Source Code ]
Title: Photo
Album
Contributor: Jennifer
Stuart (jenniferstuart@yahoo.com)
Details: 7.22 KB * Uploaded August 14 2000
Description: Display your pictures in a JavaScript-powered
photo album. The number of images, name of the album, and other
details can be changed. On the individual page for each image,
previous and next buttons allow the user to easily view the rest
of the images. Great!
 [ Get
Source Code ]
Title: Print
Page
Details: 0.58 KB * Uploaded July 13 1999
Description: Although JavaScript can't print a web page
automatically, it can bring up the print prompt box just like
the print button in the web browser does. The user can click "OK"
to print the page. The script can be placed as a reminder to your
visitors to print out important pages which contain their passwords,
account info, order number, etc. The script can also be set to
automatically remind them when the page loads.
 [ Get
Source Code ]
Title: Print
Page (Automatic)
Details: 0.79 KB * Uploaded July 13 1999
Description: This automatic version of Print Page reminds
them to print the page as soon as the page finishes loading. Useful
when you want the visitor to print out their order page, or their
account info page, or any other page with sensitive information.
 [ Get
Source Code ]
Title: Quick
Alert
Contributor: Agent023
(agent023@abutech.com)
Contributor URL: http://www.abutech.com
Details: 0.57 KB * Uploaded January 28 1998
Description: Here is the simpliest and probably fastest
JavaScript alert. As soon as the visitor's browser reads the JavaScript
alert coding, the alert is displayed. This is even faster than
the onLoad alert and even less coding!
 [ Get
Source Code ]
Title: Quote
of the Day
Contributor: George Chuang
Details: 5.33 KB * Uploaded July 29 1999
Description: A different quote is displayed each day of
the month as the quote of the day. A breeze to customize!
 [ Get
Source Code ]
Title: Rainbow
Text
Contributor: Quak Zhixuan
(zhixuan@email.com)
Contributor URL: http://www.chs.edu.sg/~991b20
Details: 1.69 KB * Uploaded November 4 1999
Description: Displays your text in a multitude of rainbow
colors. Definitely a visually appealing effect. And, it's a breeze
to modify.
 [ Get
Source Code ]
Title: Random
Computer Puns
Details: 2.36 KB * Uploaded June 30 1997
Description: If you are a computer junkie, like me, then
you probably will get a kick out of these random computer quotes
all written by JavaScript.
 [ Get
Source Code ]
Title: Random
Jokes
Contributor: Randy Hall
(randy.hall@i.am)
Contributor URL: http://i.am/randy.hall
Details: 3.17 KB * Uploaded April 14 2000
Description: Ask your visitors a random joke or question
from an array of questions. When they put their cursor over the
question, a layer or alert message will appear with the answer.
Cool!
 [ Get
Source Code ]
Title: Random
Life Quotes
Details: 3.69 KB * Uploaded August 4 1997
Description: If you want a quote to live by, check out
this JavaScript life quotes generator.
 [ Get
Source Code ]
Title: Random
Murphy's Laws
Details: 2.46 KB * Uploaded August 4 1997
Description: I know you've heard of those witty little
Murphy's Laws... Well, now you can have them on your web page!
JavaScript can pick one and display it randomly each time your
page is loaded!
 [ Get
Source Code ]
Title: Random
Name Generator
Contributor: Michael
C. Hundt (mchundt@nglic.com)
Contributor URL: http://www.cinet.net/~mhundt/mystuff.html
Details: 2.81 KB * Uploaded September 23 1999
Description: Creates a random male or female character
name for use in a story, movie, play, etc. Cool.
 [ Get
Source Code ]
Title: Random
Number
Contributor: Ronnie T. Moore, Editor
Contributor URL: JavaScript
Source Code 2002
Details: 0.94 KB * Uploaded March 22 2000
Description: Pass a range of numbers to this JavaScript
function and it will return a random number within that range.
For example, passing the range of [1, 158] would return a number
such as 37, 141, 18, etc. Awesome!
 [ Get
Source Code ]
Title: Random
Puns
Details: 1.58 KB * Uploaded August 4 1997
Description: Use JavaScript to display one of many random
puns. All are funny!
 [ Get
Source Code ]
Title: Random
Quips
Details: 5.44 KB * Uploaded August 4 1997
Description: Of all the random message JavaScripts here
at TJS, I probably like this one the most. It is hilarious! The
JavaScript will randomly pick and write a quote to your web page.
They're all funny! You'll love 'em!
 [ Get
Source Code ]
Title: Random
Sentences
Details: 20.10 KB * Uploaded August 4 1997
Description: Use JavaScript to write a random sentence
to your web page. Unlike the other random scripts that pick one
of 60, this script NEVER uses the same sentence twice! It picks
a new subject, verb, and object combination for each page load.
 [ Get
Source Code ]
Title: Rotate
Status
Contributor: Phillip
Bryant (toxic1@fcmail.com)
Contributor URL: http://fly.to/toxic
Details: 0.84 KB * Uploaded January 4 2001
Description: Rotate two messages in the status bar with
this script. Easy to add and modify!
 [ Get
Source Code ]
Title: Rotating
Pulldown Menu
Contributor: Dion
(yobo42@hotmail.com)
Contributor URL: http://www.iinet.net.au/~biab/
Details: 1.05 KB * Uploaded October 6 1999
Description: Rotates site messages in a pulldown menu every
few seconds. A good way to conserve screen space and even allows
the user to simply click the pulldown menu to view all the messages
at once. Cool!
 [ Get
Source Code ]
Title: Script
Debugger
Details: 0.92 KB * Uploaded June 18 1999
Description: Having trouble adding a JavaScript to your
site? Just can't get things working? Add this short script to
your site, and it will report to you JavaScript errors as they
happen in a box on the screen. The idea is that you will see what
the error is, and hopefully give you some ideas on how to fix
it. I actually use this script when I debug scripts!
 [ Get
Source Code ]
Title: Show
Link Info
Details: 0.97 KB * Uploaded September 28 1999
Description: Let your visitor know exactly where a link
will send them. This short script displays the domain the link
points to as well as the filename of the page in the status bar
at the bottom bar of the browser window.
 [ Get
Source Code ]
Title: Slideshow
Details: 1.68 KB * Uploaded June 12 1998
Description: Here is our absolute favorite script, the
slideshow. I'm sure it caught your attention! You can customize
it (change the messages, destination page, background color, etc.)
to suit your needs! Great script to use as the introduction to
your site! And, it works inside frames!
 [ Get
Source Code ]
Title: Split
String
Details: 0.64 KB * Uploaded June 24 1999
Description: The substring() function allows you to pull
out any combination of characters from a string. In this example,
an unformated date string such as 19990422 (which represents April
22, 1999) can be split up into 1999, 04, and 22. Each of these
are separate variables that you can deal with independently in
your scripts! Neat!
 [ Get
Source Code ]
Title: Teletype
Scroller
Contributor: John O'Brien
(obrien@lis.net.au)
Contributor URL: http://www.lis.net.au/~obrien
Details: 2.27 KB * Uploaded December 1 2000
Description: Now you can type text across the screen and
then scroll it off the page while it fades. Add as many messages
as you need. Awesome!
 [ Get
Source Code ]
Title: Text
Highlighter
Contributor: K. Rama Moorthy
Contributor URL:
http://www.suyambhu.bizhosting.com
Details: 1.89 KB * Uploaded December 13 1999
Description: Alternates the font color of each character
in a line of text. Useful to catch the attention of your web site
visitors. You may also customize the color and font of the text.
 [ Get
Source Code ]
Title: Text
Ripple
Contributor: Ronnie T. Moore, Editor
Details: 1.32 KB * Uploaded September 5 2000
Description: The ripple is created by converting each sequential
letter from lower case to upper case. The ripple speed can be
also be changed.
 [ Get
Source Code ]
Title: Text
Rotater
Contributor: Bob
Simpson (webmaster@maryjanebrown.net)
Contributor URL: http://www.maryjanebrown.net/webmaster
Details: 1.76 KB * Uploaded October 23 2000
Description: Automatically rotates a series of messages
within a layer or div based on the user's browser. WC3 DOM Compatible.
Easy!
 [ Get
Source Code ]
Title: Time
Message
Details: 1.75 KB * Uploaded August 4 1997
Description: This JavaScript is pretty interesting. It
will dynamically (means it is different every time) write to the
screen a message that depends on the time on the visitor's clock
when they load the page. I'm almost positive you've seen it before.
Now, get it on your page!
 [ Get
Source Code ]
Title: Welcome
Contributor: Kurt
Grigg (kurt.grigg@virgin.net)
Contributor URL: http://website.lineone.net/~kurt.grigg/javascript
Details: 2.93 KB * Uploaded December 22 2000
Description: Customize this Flash style intro to display
a welcome message on your site. Awesome!
 [ Get
Source Code ]
Title: Word
Lookup
Contributor: Nick Simonov
(nicks@iln.net)
Contributor URL: http://www.iln.net
Details: 1.16 KB * Uploaded April 26 2000
Description: Just double-click any word in the body of
your web page and a new window will open with its definition from
an online dictionary. Try it out! (Special thanks to iln.net for
sharing their dictionary!)
 [ Get
Source Code ]
Title: Zen
Phrases
Contributor: bsimmons@seanet.com
Contributor URL: http://www.wrldpwr.com
Details: 5.32 KB * Uploaded March 5 1998
Description: Take advice from the all powerful force of
Zen. Zen will give you three phrases each time you click the button
- the first phrase changes every hour, the second phrase changes
every minute, and the last phrase changes every second. Try it
out!
 [ Get
Source Code ]
|