These scripts all deal with Page Detail JavaScripts. There are
several scripts that do make a site more pleasant to visit. You can
write the time a visitor entered the page, how long they've been there,
write when the page was last updated, whether it was updated since you
last visited, and lots more! They are very difficult to write - just
look at the code. General questions about page detail JavaScripts here
should be posted to The JavaScript Forum.
More on internet.com
MS Access and MySQL
Learn
how to set up an off-site copy of a working MySQL database, an Access
version of the same back-end, and a front-end that could link to either. Cisco AutoQoS: VoIP QoS for Mere Mortals
Optimizing
VoIP traffic traditionally requires a deep understanding of your
network, but with Cisco's AutoQoS and some interfaces, happier VoIP is
only three steps away. While VoIP Adoption Explodes in Enterprise, Carrier Spending Lags
Traditional wire-line telcos are diverting dollars from network upgrades to flashy—and more profitable—new service offerings.
Title: Access Image URL to TextBox
Contributor: David Sosnowski (support@codelifter.com)
Contributor URL: http://www.codelifter.com
Details: 3.81 KB * Uploaded December 19 2002
Description: When an image is clicked, this script will show the image URL in a textbox. [ Get Source Code ]
Title: Arrow Links
Details: 2.33 KB * Uploaded May 17 1999
Description:
This neat little JavaScript will indicate which link is selected with a
little arrow image. Hard to explain, but you'll understand when you see
it! Very cool! [ Get Source Code ]
Title: Auto-Resizable-Pop-Up
Contributor: Ferrari Andrea (ferrariand@libero.it)
Contributor URL: http://digilander.iol.it/ferrariand/gallery.htm
Details: 1.97 KB * Uploaded September 11 2001
Description:
Use this script to view full-size images from thumbnails. The full-size
images can be different sizes. The pop-up window will change to the
appropriate size. [ Get Source Code ]
Title: Automatic Copyright Update
Contributor: Jim Stiles
Contributor URL: http://jdstiles.com/
Details: 0.66 KB * Uploaded May 16 2005
Description: Make sure your copyright notices are up-to-date. This script will automatically update your pages for you. [ Get Source Code ]
Title: Bookmark Us!
Details: 0.91 KB * Uploaded April 6 1999
Description: (Internet Explorer
Only) Allow your visitors to click one text link to quickly and easily
add your site to their "Favorites." Don't let your visitors lose you
because they forget to bookmark your site! (Netscape Users won't get
any errors, but instead of the bookmark link, see a message reminding
them to bookmark the site) [ Get Source Code ]
Title: Bookmark Us Script
Contributor: etLux
Contributor URL: http://www.jscode.com
Details: 1.72 KB * Uploaded June 29 2004
Description:
This handy bookmark-this-page script automatically grabs the page title
and url, so you do not have to manually set variables for each page for
these values. [ Get Source Code ]
Title: Born On Date
Details: 2.64 KB * Uploaded August 18 1997
Description:
In place of the boring 'Last Updated' script, you can use this script.
It does everything and more - it gives the page title, the day the page
was last updated, and if the page has been updated since the visitor's
last visit all in a cool little table! [ Get Source Code ]
Title: Break Frames
Details: 0.59 KB * Uploaded August 18 1997
Description:
If a visitor comes to your site and is looking through frames, this
script will automatically make the page 'break out' of frames. As an
added bonus, it's only 8 lines of script! [ Get Source Code ]
Title: Change Layer Colors
Contributor: Antonio Lupetti
Contributor URL: http://woork.blogspot.com/
Date Uploaded: March 17, 2008
Description:
Use these two simple functions to change text and background colors
within a specified layer without reloading the page. Can be used
separately or together.
Title: Check URL
Details: 0.58 KB * Uploaded July 3 1998
Description: This script is particularly useful for those who have their site on a free Web space
provider, then use a "come.to" redirecting service. What this script
will do is analyze the URL the visitor is at, and if they did not came
to your site via the redirecting URL, it can print out a message telling them that is your new URL. Neat! [ Get Source Code ]
Title: Click Sound
Contributor: Nicholas Loar (anarchy@cass.net)
Contributor URL: http://anarchy.yi.org
Details: 0.77 KB * Uploaded June 16 2000
Description: (Internet Explorer Only) Plays a WAV sound file when the user clicks a link. Neat! [ Get Source Code ]
Title: Close Window
Details: 0.50 KB * Uploaded August 3 1999
Description: JavaScript can close a window when you push a button or click a text link. Super-short script too! [ Get Source Code ]
Title: Closing Windows
Contributor: David Sosnowski (support@codebelly.com)
Contributor URL: http://www.codebelly.com
Details: 2.78 KB * Uploaded May 29 2001
Description:
This set of short, easy scripts shows six different ways to close a
window from JavaScript, including closing windows from a clicked link,
a clicked image, or a clicked form button. Close framed pages also! [ Get Source Code ]
Title: Color Chart
Contributor: Dion (yobo42@hotmail.com)
Contributor URL: http://www.iinet.net.au/~biab/
Details: 0.98 KB * Uploaded February 6 1999
Description:
JavaScript can print out 8 tables with the 512 "standard" colors and
their corresponding "#RRGGBB" values. This sure makes picking colors
easy! Wow! [ Get Source Code ]
Title: Color Picker
Contributor: Luis Romero (luisromero7987@aol.com)
Contributor URL: http://www.geocities.com/lr7987
Details: 18.35 KB * Uploaded September 14 2000
Description: Uses an imagemap to allow you to select any color box and see the hexadecimal html value for that color. [ Get Source Code ]
Title: Content Center
Contributor: liveing sacrifice (liveing_sacrifice@yahoo.ca)
Contributor URL: http://ls-design.forthelads.net
Details: 1.87 KB * Uploaded August 24 2005
Description: Build fluid Web pages that adjust according to the size of your visitor's monitor settings. This script uses the screen.availWidth and screen.availHeight properties to detect your visitor's screen resolution. [ Get Source Code ]
Title: Content Protector
Contributor: Ronnie T. Moore
Contributor URL: http://javascriptsource.com
Details: 1.45 KB * Uploaded January 21 2000
Description: If your content page is loaded directly (not in frames) the page is reloaded in your frames. And to the aid of webmasters
everywhere, this script also foils other sites loading your content
page in their frames. Visitors are notified of the bandwidth theft then
are sent to the page on your site (if used with our Dynamic Frameset
script) or back to your main page. [ Get Source Code ]
Title: Copy Selected Text
Details: 1.69 KB * Uploaded January 10 2003
Description: A handy little script allowing you to select text on a web page and then copy it into a text box. [ Get Source Code ]
Title: Copyright Notice
Contributor: Spike McLarty
Contributor URL: http://www.dosadi.com/
Date Uploaded: September 26, 2008
Description:
This unobtrusive script will update the current year for the copyright
notice on a page. No need to worry about changing it from year to year.
Very easy to implement.
Title: Crazy Window
Contributor: Eric B. Dennis
Details: 0.98 KB * Uploaded February 14 2000
Description:
Your browser has gone crazy! The browser window jumps to random
positions around the screen at a dizzying rate of 10 times a second. It
is a good idea to load any page that uses this script in a new browser window so your visitor still can access your site. Warning: Be careful not to toss your cookies on your keyboard. ;-) [ Get Source Code ]
Title: Create a Color Palette
Contributor: David Walsh
Contributor URL: http://eriwen.com/css/color-palette-with-css-and-moo/
Date Uploaded: May 16, 2008
Description:
Have you ever wanted to let others know the color palette that you use
on your Web site? Or perhaps you need to figure it out yourself. This
small script, along with a copy of MooTools (included), will create a
palette of your Web page (images not included) that would please even
the likes of Pablo Picasso.
Title: Custom JavaScript Dialog Boxes
Contributor: Michael Leigeber
Contributor URL: http://www.leigeber.com/
Date Uploaded: February 25, 2009
Description:
A lightweight JavaScript dialog box library. The script offers four
dialog styles: alerts, warnings, prompts and success. The DIVs are
dynamically added to the DOM when the function is called. Easy to
implement.
Title: Date & Time Stamp
Details: 0.97 KB * Uploaded August 18 1997
Description:
With this script, you can have the date and time the page was loaded
'stamped' to the page. This would make a wonderful header or footer for
any Web page. [ Get Source Code ]
Title: Date Updated
Contributor: Kenneth Preston (drkennan@ionet.net)
Details: 0.65 KB * Uploaded April 16 1998
Description:
On your site, you might want to just let visitors know the date that
the script was updated, but not the time (maybe it's not important?)
This simple script (about a dozen lines) you can do just that! Very
neat! [ Get Source Code ]
Title: Delayed GIF
Contributor: Ronnie T. Moore
Contributor URL: The JavaScript Source
Details: 1.20 KB * Uploaded March 28 2000
Description:
Normally, animated GIF images start as soon as they are loaded on the
page. But, if your GIF only loops once, it displays before the rest
page is completely visible. This JavaScript solution ensures that the
page is fully loaded before the animated GIF begins. Great! [ Get Source Code ]
Title: Delayed Image Loader
Contributor: Sandeep Gangadharan
Contributor URL: http://www.sivamdesign.com/scripts/
Date Uploaded: February 2, 2007
Description:
Use this script to delay the loading of a particular image. It can be
used to delay the loading of large images or banner advertisements. A
smaller image is loaded first, which can be transparent or blank. After
a designated amount of time the larger image will load in place of the
smaller one.
Title: Determined Popup
Contributor: CodeLifter.com (support@codelifter.com)
Contributor URL: http://www.codelifter.com
Details: 1.04 KB * Uploaded February 23 2001
Description:
This short, easy script set launches a window that continually re-opens
itself and cannot be permanently closed unless the visitor clicks on a
link that you provide. Compatible Browsers: NS6 and IE4-6. [ Get Source Code ]
Title: DHTML Scroller.html (v 2.0)
Contributor: Angus Turnbull
Contributor URL: http://www.twinhelix.com
Details: 17.93 KB * Uploaded June 14 2001
Description:
This script loads external files into a div in IE and NS and scrolls
them via clipping. It has a fully draggable scrollbar that sizes
automatically like Windows' scrollbars, and standard up/down/top/bottom
support is included. [ Get Source Code ]
Title: Disable Text Selection
Contributor: James Nisbet (morBandit)
Contributor URL: http://www.bandit.co.nz/
Date Uploaded: February 10, 2006
Description:
Use this script to disable the selection of text on a page. It's very
simple using two of the built-in JavaScript events to cancel the
selection before it starts. You can even attach the events to a
specific element. [ Get Source Code ]
Title: Division Control
Contributor: Rick Johnson (frj11@yshoo.com)
Contributor URL: http://208.55.209.164/myPage
Details: 3.85 KB * Uploaded October 24 2002
Description:
This script shows how to control the visibilty of divisions. Slight
changes to the code can also allow control of division style. Works in
MSIE, Netscape and Opera. [ Get Source Code ]
Title: Document Text Replace
Contributor: Corneliu Lucian 'Kor' Rusu
Contributor URL: corneliulucian[at]gmail[dot]com
Date Uploaded: October 17, 2007
Description:
This script will find any instance of a chosen word and swap it out for
another. Helps to keep your pages looking good. Very easy to use!
Title: DOM Browser
Contributor: Cyanide_7 (leo7278@hotmail.com)
Contributor URL: http://www7.ewebcity.com/cyanide7
Details: 3.78 KB * Uploaded January 14 2000
Description:
The DOM Browser is a visual, interactive representation of the DOM
(Document Object Model). It's helpful to beginners learning to interact
with the DOM in JavaScript. It's also a great tool for side-by-side
comparisons of Netscape, Internet Explorer, and other browsers and how
they interpret the document and its elements. [ Get Source Code ]
Title: Drag-n-Drop
Contributor: Randy Bennett (rbennett@thezone.net)
Contributor URL: http://home.thezone.net/~rbennett/sitemap.htm
Details: 1.99 KB * Uploaded December 30 1999
Description:
Simply click images on the Web page, drag to move, and then drop images
anywhere on the Web page. A fun way to allow your visitors to interact
with your site. And, it is a short script too! [ Get Source Code ]
Title: Dynamic Sized Image
Contributor: Ed Churnside
Contributor URL: http://www.dragonquest.com/inddpl.htm
Details: 1.64 KB * Uploaded June 2 2000
Description:
Sometimes, your image does not look very good in different sized
browser windows. This script will proportionally resize a graphic to
fit within the current window or frame when a page is loaded, thus
giving a more consistent and attractive look to your page. [ Get Source Code ]
Title: Dynamic Title
Contributor: Asif Nasir (Asifnasir@yahoo.com)
Contributor URL: http://www.2good.cjb.net
Details: 1.17 KB * Uploaded October 24 2001
Description: This script causes the message in the title bar to change every 10 seconds. Pretty neat! [ Get Source Code ]
Title: Dynamic Title Bar
Contributor: David Sosnowski (support@codebelly.com)
Contributor URL: http://www.codebelly.com
Details: 2.10 KB * Uploaded May 17 2001
Description:
Displays changing text in a multi-message display in the browser title
bar. Any number of message lines may be used, and a moving,
attention-getting slide box draws the eye to the messages. [ Get Source Code ]
Title: Email Address Protector
Contributor: CDR Software
Contributor URL: http://www.cdrsoft.com
Details: 0.68 KB * Uploaded February 7 1999
Description:
Here's a clever way to prevent email address collecting "robots" from
grabbing your email address while still making your address available
to your visitors. [ Get Source Code ]
Title: Email This Page
Contributor: Ronnie T. Moore
Contributor URL: The JavaScript Source
Details: 1.63 KB * Uploaded March 31 2000
Description:
Allow your visitors to email the current page to a friend. They just
enter a friend's name and email address. It will send them a link to
the current Web page address in an email message signed by you,
courtesy of freedback.com. Perfect! [ Get Source Code ]
Title: Evaluation Radio Buttons
Contributor: Rick Johnson (frj11@ev1.net)
Contributor URL: http://208.255.209.164/myPage/
Details: 3.00 KB * Uploaded March 25 2003
Description: Evaluation radio buttons can be a real pain. This script will return the values associated with a set of radio buttons. [ Get Source Code ]
Title: Fade Anything Technique
Contributor: Adam Michela
Contributor URL: http://www.axentric.com/aside/fat/
Date Uploaded: December 11, 2006
Description:
Need to draw attention to something new on your Web page? Only need to
show it for a moment or two? This script will highlight it in a subtle
manner (or boldly, if you choose).
Title: Fake Counter
Details: 0.69 KB * Uploaded August 18 1997
Description:
If you don't quite have the traffic you'd like to your site, you can
use your own fake page counter! Funny! Just don't get too carried away
when you set the multiplier.... :-) [ Get Source Code ]
Title: Floating Email-This-Link
Contributor: CodeLifter
Contributor URL: http://www.codelifter.com/
Details: 3.76 KB * Uploaded June 7 2004
Description:
This script displays a floating layer that moves with the page. The
e-mail script automatically captures the URL of the page and opens up
your e-mail with all the pertinent information. [ Get Source Code ]
Title: Floating Link
Contributor: Richard Cleaver (richard@cleaver.org.uk)
Contributor URL: http://www.cleaver.org.uk
Details: 2.14 KB * Uploaded February 8 2001
Description:
This link will float in the upper right corner of the browser window
and return you to the top of the window when clicked. Easily modified
to include floating text or image! [ Get Source Code ]
Title: Focus OnLoad
Details: 0.61 KB * Uploaded November 16 1999
Description:
You can easily put the user's cursor inside a text box (calling giving
the text box focus) as soon as the page is loaded. This helps ensure
that visitors do not 'overlook' an important form item on your site.
Only 1 line of code! [ Get Source Code ]
Title: Format Footnotes
Contributor: Timothy Groves
Contributor URL: http://www.brandspankingnew.net/
Date Uploaded: May 1, 2006
Description:
Arrange your footnotes in a format that is easy-to-read and navigate.
This script makes it easy for your readers to return to where they were
in the document. [ Get Source Code ]
Title: Frame Print
Contributor: Li Weidong
Contributor URL: http://www.saiweng.net
Details: 0.86 KB * Uploaded December 4 2000
Description: Control which frame is printed simply by using this short script. Easy! [ Get Source Code ]
Title: Frameless Popup
Contributor: CodeLifter.com (support@codelifter.com)
Contributor URL: http://www.codelifter.com
Details: 2.24 KB * Uploaded January 18 2001
Description:
(IE4+) Launches a popup window without the Windows frame or titlebar.
In other browsers, it launches a standard popup window. Position,
width, and height are settable. Automatic closing of the window on
leaving the page may also be optionally set. [ Get Source Code ]
Title: _GET Web Address Reader
Contributor: Greg Burghardt
Contributor URL: http://www.geocities.com/greg_burghardt/
Date Uploaded: March 2, 2007
Description:
This script will allow you to grab variable-value pairs from the URL of
a page, much like PHP grabs data from the URL. It places foo=bar data
in a JavaScript object called _GET, and can be referenced similar to
$_GET in PHP.
Title: Go Behind Popup
Contributor: David Sosnowski (support@codelifter.com)
Contributor URL: http://www.codelifter.com
Details: 2.75 KB * Uploaded May 8 2001
Description:
Launches a frameless "go-behind" popup banner window that cannot be
closed unless the banner ad is clicked on. The frameless banner window
persists, even if the launching browser window is closed. The banner
window closes once the banner is clicked. [ Get Source Code ]
Title: Grab and Scroll Page
Contributor: Abraham Joffe
Contributor URL: http://www.abrahamjoffe.com.au/
Details: 1.01 KB * Uploaded July 27 2005
Description: Users can scroll the page by clicking on it and dragging the mouse, similar to the functionality found in the Acrobat viewer. [ Get Source Code ]
Title: Hexadecimal Color Wheel
Contributor: D10n (biab@iinet.net.au)
Contributor URL: http://www.iinet.net.au/~biab
Details: 3.15 KB * Uploaded May 2 2001
Description:
A dynamic color wheel displaying 4096 colors in a chromatic scale
utilizing cross browser mouse event capture from a layer to display the
hexadecimal codes of each color. Easily find that elusive color code
you were looking for and learn how to manage layers and mouse events. [ Get Source Code ]
Title: Highlighted Text
Contributor: Ronnie T. Moore
Contributor URL: The JavaScript Source
Details: 1.12 KB * Uploaded April 20 2000
Description:
Captures any text that has been highlighted with the cursor. In
Internet Explorer, it even grabs text highlighted within a text box or
textarea. Sweet! [ Get Source Code ]
Title: Image Load
Details: 0.91 KB * Uploaded November 3 1999
Description:
Notifies the user is an image on your site fails to load properly or if
it is aborted when loading. Definitely an excellent example of the
onAbort and onError image event handlers in use. Please note that in
the script example we intentionally included a 'broken image' that
fails to load properly to display the script in use. [ Get Source Code ]
Title: Image Manipulator
Contributor: Ronnie T. Moore
Contributor URL: The JavaScript Source
Details: 2.07 KB * Uploaded May 3 2000
Description:
Displays an online image or local image from your computer under
various width and height manipulations that you enter. Useful for
determining the best size for an image on your site without all the
work. Nice! [ Get Source Code ]
Title: Image Sized Window
Contributor: Alan Chu
Contributor URL: http://homepage.hkpeoples.net
Details: 1.59 KB * Uploaded October 5 2000
Description: Sizes a new popup window to the exact dimensions of the image in that window. Sweet! [ Get Source Code ]
Title: Last Modified
Details: 1.17 KB * Uploaded August 18 1997
Description:
When you just can't stand to look at another 'Last Updated: Feb 02 1998
14:12:56:10' Script, give this script a try. It'll write to the page in
the format, 'Last Updated February 2 1998' This looks much better! [ Get Source Code ]
Title: Last Modified (Advanced)
Contributor: Thomas Jobe
Contributor URL: http://wotw.9k.com/index.html/
Date Uploaded: January 3, 2006
Description:
This script will display a default "last modified" date in the event
the server is not able to configure it. A good backup solution. [ Get Source Code ]
Title: Launch Date
Contributor: Ronnie T. Moore
Contributor URL: The JavaScript Source
Details: 1.12 KB * Uploaded April 24 2000
Description:
Displays one of two messages after comparing the current date on the
user's computer to a date that you determine, such as a product or Web
site launch date. A 'before' or 'after' message can be customized with
your own HTML code, including images. Short! [ Get Source Code ]
Title: Limit Characters and Lines
Contributor: Matt Temple (matt@dspalum.com)
Contributor URL: http://www.dspalum.com
Details: 2.10 KB * Uploaded December 14 2002
Description:
This script limits characters and lines within a textarea. You specify
the characters per line, total lines and total characters. The script
updates 2 counter fields (remaining characters and remaining lines).
Implement an alert message in the function or use the counter fields
for form validation. [ Get Source Code ]
Title: Link of Minute
Contributor: Joe Merical
Details: 2.00 KB * Uploaded March 2 1998
Description:
JavaScript will create a link that will change depending on the minute
of the hour! You can add as many entries as you want! It's great! [ Get Source Code ]
Title: Load HTML
Contributor: Eddie Traversa (psych3@primus.com.au)
Contributor URL: http://dhtmlnirvana.com/
Details: 1.98 KB * Uploaded June 19 2001
Description: This script load an external html file into a css layer. It is NS6 compatible as well as supporting IE4+ and NS4. [ Get Source Code ]
Title: Load in Frames
Details: 0.57 KB * Uploaded June 11 1999
Description:
When other sites link directly to a page of your frames site that
should be viewed inside your frames, you can foil them with this
script. It will reload that page inside your frames! [ Get Source Code ]
Title: Logo Branding
Contributor: Randy Bennett (rbennett@thezone.net)
Contributor URL: http://home.thezone.net/~rbennett/utility/javahead.htm
Details: 2.22 KB * Uploaded October 4 1998
Description:
Have you seen the floating logo on Geocities sites? How would you like
to have your own logo floating in the corner of your site? This script
does just that! Awesome! [ Get Source Code ]
Title: Making Columns Render with Equal Height
Contributor: Roy Marchand
Contributor URL: http://www.expertsrt.com/
Date Uploaded: April 23, 2007
Description:
A problem sometimes faced by Web developers is trying to get two (or
more) columns in a multi-column layout to be the same height when the
content is variable. Rather than using an arbitrary hardcoded value,
the heights can be equalized (to the tallest one) with this script.
Title: Menu Branding
Contributor: Randy Bennett (rbennett@thezone.net)
Contributor URL: http://home.thezone.net/~rbennett/sitemap.htm
Details: 3.24 KB * Uploaded November 29 1999
Description:
Keeps logo (or text) in the bottom right corner of the browser window
as they scroll the page up and down. The logo glides very smoothly when
the page is scrolled and looks great. When their cursor is on the logo,
a menu appears in its place offering links to different sections of the
site. The menu returns to the logo a few seconds after the move the
cursor off the menu. Neat! [ Get Source Code ]
Title: Mouse Coordinates
Contributor: CodeLifter.com (support@codelifter.com)
Contributor URL: http://www.codelifter.com
Details: 1.33 KB * Uploaded January 11 2001
Description:
Capture mouse X - Y positions with this easy script. Works much like
our Mouse Tracker script, but much simpler! Compatible in Internet
Explorer and Netscape versions 4+. Great! [ Get Source Code ]
Title: Mouse Coordinates 2
Contributor: Carl Escalera (TheVulgarVulture@aol.com)
Details: 0.79 KB * Uploaded June 18 2001
Description: This script can display the mouse's X and Y coordinates in the status window. [ Get Source Code ]
Title: Mouse Orbit
Contributor: Kurt Grigg (kurt.grigg@virgin.net)
Contributor URL: http://freespace.virgin.net/kurt.grigg
Details: 5.33 KB * Uploaded June 9 2000
Description: A series of dots orbit the mouse cursor on the page, giving the appearance of a comet effect. Awesome! [ Get Source Code ]
Title: Mouse Bubbles
Contributor: Kurt Grigg (kurt.grigg@virgin.net)
Contributor URL: http://website.lineone.net/~kurt.grigg/javascript
Details: 3.26 KB * Uploaded February 13 2001
Description: Bubbles float up from mouse giving the effect that the mouse is under water. The bubbles even expand in Internet Explorer. [ Get Source Code ]
Title: Move Window
Contributor: Aaron Clinger (aaron@newtheory.net)
Contributor URL: http://www.newtheory.net
Details: 1.41 KB * Uploaded October 13 2000
Description: Move the browser window by simply clicking the buttons on the page. Neat! [ Get Source Code ]
Title: Move Window 2
Contributor: Mohammed Qureshi (amqpm@yahoo.com)
Contributor URL: http://www.geocities.com/df_xfiles/Movew.html
Details: 1.44 KB * Uploaded July 17 2001
Description: Move the browser window simply by using the arrow keys! Cool! IE only (Frames not supported) [ Get Source Code ]
Title: Netscape Source Image
Contributor: Dion (yobo42@hotmail.com)
Contributor URL: http://www.iinet.net.au/~biab/
Details: 1.14 KB * Uploaded October 21 1999
Description:
When visitors using Netscape right-click your Web page and select "View
Source" or go to the View menu bar and select "View -> Page Source"
the entire source code of your page is displayed. Interestingly enough,
it's possible to actually insert an image into Netscape's view source
page instead of just having text. When Netscape users view the source
of your page, they see an image as well as the source code! Your image
could tell the visitor that they are not allowed to view this source
code, for example. A very simple but very clever script, indeed. [ Get Source Code ]
Title: New Content
Contributor: Lee Underwood
Contributor URL: http://www.JavaScriptSource.com
Details: 1.67 KB * Uploaded May 27 2005
Description:
Highlight new content or special items on your site for a specified
amount of time. This script will display a "new" icon and highlight the
header of the content until the date you set has expired. (You could
also use it to highlight the content itself.) Adapted from "New Links"
by Nicolas. [ Get Source Code ]
Title: New Links
Contributor:Nicolas
Contributor URL: http://www.javascript-page.com
Details: 1.18 KB * Uploaded May 28 1999
Description:
Displaying links as new for a few weeks after adding them is great.
But, adding, removing, and updating that "New" icon for each link is
pointless! Let JavaScript do your work for you! Just add a small code
(less than 40 characters) next to each link with the date you want it
to expire, and it will automatically display the "New" icon until the
expiration date. What a time-saver! [ Get Source Code ]
Title: No Right Click
Contributor: Martin Webb (martin@irt.org)
Details: 1.57 KB * Uploaded June 8 1999
Description:
(4.0+ browsers) Ever wanted to prevent users from "borrowing" images
from your site through right-clicking them and "save image as..." or
right-clicking the page and viewing your page source? This script will
(attempt to) disable the right click on your page! As explained,
however, this script is not fool-proof !! [ Get Source Code ]
Title: No Right Click 2
Contributor: Bethan
Contributor URL: http://www.freewebs.com/bdude183/imagething.htm
Details: 1.04 KB * Uploaded August 26 2005
Description: This script displays an alert box
when a visitor right clicks on an image. IE only. (Note: This script is
not fool-proof. Visitors can disable JavaScript support in their
browser, use a browser which doesn't support JavaScript, or use a
browser to link directly to the image that you want to protect.) [ Get Source Code ]
Title: Page Extension
Details: 1.29 KB * Uploaded December 23 1999
Description:
Displays a message based on the extension (like .html) of the Web page.
And, it is a breeze to add more file types to the script. [ Get Source Code ]
Title: Page Index
Contributor: Patrick Hunlock
Contributor URL: http://www.hunlock.com/
Date Uploaded: April 11, 2007
Description:
This is an incredibly simple script. It pulls each H4 element and
creates a clickable index to it. It stuffs the headings it finds in a
division named indexDiv and if it didn't find any H4 tags it will even
make the indexDiv invisible. You can also change it to use any other
heading element.
Title: Page Scroller
Contributor: Brian Gosselin (bgaudiodr@aol.com)
Contributor URL: http://www.bgaudiodr.iwarp.com
Details: 2.21 KB * Uploaded July 18 2000
Description:
Placing the cursor on the page's up or down arrows located in the
bottom right corner of the browser window will automatically scrolls
the page. Cool! [ Get Source Code ]
Title: Page Variable
Details: 0.61 KB * Uploaded April 16 1998
Description:
Not exactly the most used script, but this one allows you to reference
the page name in a variable. Instead of yourdomain.com/index.html, you
can use this script to create a variable that stores index.html for
your use! You can use it with alerts, document.write, etc. Take a look!
[ Get Source Code ]
Title: Page Viewed Date
Details: 0.60 KB * Uploaded August 18 1997
Description:
I think it's always interesting to see some information about the page
itself. This JavaScript will write out when the page was viewed,
according to the visitor's clock. [ Get Source Code ]
Title: Page Up For
Details: 1.96 KB * Uploaded July 1 1999
Description:
JavaScript can even display how long your Web page has been online.
Just enter the date, the script does the calculations, and prints out
the time. It has a very nice readout and looks very professional! [ Get Source Code ]
Title: Percentage Progress Bar
Contributor: Thái Cao Phong
Contributor URL: http://javascriptbank.com
Date Uploaded: November 1, 2006
Description:
Use this script to display the percentage of page data loaded. The
progress bar is displayed in the status bar at the bottom of the
browser.
Title: Preload Page
Contributor: Gilbert Davis
Details: 1.20 KB * Uploaded September 28 2000
Description:
Displays a loading message as the page, including images and sound
elements, are loaded in the background. When the page finishes loading
the screen is shown, similar to how Macromedia's Flash plugin works.
Easy! [ Get Source Code ]
Title: Progess Bar Textarea
Contributor: Ron Jonk (jonkr@euronet.nl)
Contributor URL: http://www.euronet.nl/~jonkr/
Details: 1.92 KB * Uploaded September 21 2004
Description:
A textarea script with a twist. This snippet adds a progress bar to the
textarea to let you know how many characters you have left. [ Get Source Code ]
Title: Protect Images
Details: 0.81 KB * Uploaded May 21 1999
Description:
(4.0+ browsers) Keep visitors from stealing your site images by
right-clicking and then selecting "Save Image As..." This script will
disable the right click on all the images on your site. Not foolproof,
but helpful! [ Get Source Code ]
Title: Random Taglines
Contributor: hagman (hagman@easybay.org)
Contributor URL: http://hagman.trance.nu
Details: 1.13 KB * Uploaded January 14 2002
Description:
Ever wondered how to make those cool random title messages? This script
will do it for you! The title at the top of the page changes each time
the page is loaded. Pretty neat! [ Get Source Code ]
Title: Refresh Page
Contributor: Lee Underwood
Contributor URL: http://www.JavaScriptSource.com
Details: 0.62 KB * Uploaded July 8 2005
Description:
Keep your content fresh. Use this snippet to reload a fresh copy of
your Web page from the server. Use either a button or a link. It's
compact but very effective. [ Get Source Code ]
Title: Refresh Page - Automatic
Contributor: Lee Underwood
Contributor URL: http://www.JavaScriptSource.com
Details: 1.03 KB * Uploaded August 5 2005
Description:
Keep your content fresh. Use this script to automatically reload a
fresh copy of your Web page from the server. You determine the time
delay between refreshes. [ Get Source Code ]
Title: Reload on Resize
Details: 0.23 KB * Uploaded December 22 1999
Description:
Useful for situations when a page resize moves the page elements
improperly or causes JavaScript errors, which has been known to
occasionally occur on pages with layers. As a solution, this script
reloads the Web page when the user resizes the page. [ Get Source Code ]
Title: Remove XS Whitespace
Contributor: Pat Cahill (pat@pcap.org.au )
Contributor URL: http://www.pcap.org.au/pat/remove_XS_whitespace.html
Details: 2.63 KB * Uploaded August 15 2002
Description:
This script strips excess spaces and non-printing characters from a
field. Users sometimes enter " " in required fields to trick most
validation that only checks for "" length fields. This script takes a
string and removes the leading and trailing spaces and also any extra
spaces in the string. Works in MSIE Only.
Title: Resizable Viewer
Contributor: Michael Rose (mrose@door.net)
Details: 2.56 KB * Uploaded May 5 2000
Description:
Displays a small 'image loading' picture while the main image is
loading. When the image completes, the viewer window is appropriately
resized, centered on the screen, and 'image loaded' is displayed. Neat! [ Get Source Code ]
Title: Resize Link
Contributor: Kevin B. Ebert (kevin@bernardstudios.com)
Contributor URL: http://www.bernardstudios.com
Details: 0.67 KB * Uploaded October 9 2000
Description:
Useful for webmasters, this script lets you view any Web page at
different resolutions by simply clicking the link and entering the
height and width values. Tip: You can drag the link to your "Links"
toolbar, and use it on any page you are viewing. [ Get Source Code ]
Title: Resolution Redirect
Contributor: fjhdehoog (fjhdehoog@home.nl)
Contributor URL: http://members.home.nl/fjhdehoog
Details: 2.05 KB * Uploaded September 9 2005
Description: This script checks the screen resolution and sends the visitor to a specified page. [ Get Source Code ]
Title: Resolutions Test
Contributor: Patrick Friedl (pfriedl@nebulus.org)
Contributor URL: http://www.nebulus.org
Details: 3.74 KB * Uploaded May 23 2001
Description:
Shows how a page will look at different screen resolutions. It includes
the 3 most common resolutions as well as inputs for custom window
sizes. It even gives you the exact inner document dimensions for
precision testing! [ Get Source Code ]
Title: Reveal
Contributor: Premshree Pillai
Contributor URL: http://www.qiksearch.com/javascripts/
Details: 2.04 KB * Uploaded March 23 2005
Description: This DHTML script gradually "reveals" the entire contents of a Web page. [ Get Source Code ]
Title: Right Click Menu
Contributor URL: http://www.dynamicdrive.com
Details: 3.36 KB * Uploaded September 21 2000
Description:
(Internet Explorer Only) Displays a menu when the visitor right click's
on the page. You can easily use style sheets to modify the menu
'skins', or write your own. Awesome! [ Get Source Code ]
Title: Right Click Sparks
Contributor: Kenny Orovic
Contributor URL: http://www.geocities.com/ax_c/
Details: 2.32 KB * Uploaded July 11 2005
Description: This script disables the right click. Instead of an alert, sparks follow the cursor. IE only. [ Get Source Code ]
Title: Roman Numerals
Contributor: Dougie Lawson (darkest@attglobal.net)
Details: 1.96 KB * Uploaded May 31 2000
Description:
This script helps you write the copyright statements on your page. It
outputs the correct Roman Numerals for any year you want, including the
current year. Clever! [ Get Source Code ]
Title: Screen Resolution Detect/Redirect
Contributor: RoBorg
Contributor URL: http://javascript.geniusbug.com
Date Uploaded: September 21, 2007
Description:
This very simple script detects the screen resolution of the user, and
redirects them to the appropriate URL. It only needs to detect the
screen width, making it compact and quick.
Title: Scrollbar Color
Contributor: CodeLifter.com (support@codelifter.com)
Contributor URL: http://www.codelifter.com
Details: 1.33 KB * Uploaded February 9 2001
Description: (IE 5.5+) Changes the color of the scrollbars in a page dynamically. Awesome! [ Get Source Code ]
Title: Scrollbar Colors ScriptWriter
Contributor: David Antonacci (DaveA@codeave.com)
Contributor URL: http://www.codeave.com
Details: 11.52 KB * Uploaded November 15 2001
Description:
IE 5.5+ allows you to change the colors of scroll bars in a textarea
tag or the browser window. Select the colors you want for the
respective scroll bar attributes and see how they will look. Then,
switch the "Show Source" to "Yes", re-submit, and the code will appear
in a new window. Pretty neat! [ Get Source Code ]
Title: Send This Page
Contributor: David Henry (davidputhenry@hotmail.com)
Contributor URL: http://www.davidphenry.com/
Details: 1.54 KB * Uploaded December 14 2001
Description:
This script opens an e-mail message and inserts the URL and title of
the Web page into the body of the message. Additional text can be added
to the e-mail message. [ Get Source Code ]
Title: Set Homepage Link
Contributor: Nikya Kuan (metalchiq@hotmail.com)
Contributor URL: http://www.nikya.net
Details: 2.11 KB * Uploaded July 9 2001
Description:
Allow the visitor to set your site as their homepage with a link. This
script works best in Internet Explorer, but also displays the
appropriate information based on browser type. [ Get Source Code ]
Title: Share A Page
Details: 1.94 KB * Uploaded August 13 1999
Description:
If you would like to have several sites sharing one 'contact us' page,
you can! Each site can link to the same page (but each with a unique
string) and the appropriate site's information will be highlighted
yellow in the contact table. For example, If they clicked on the
'contact us' link on the real estate page, the table cell with the real
estate contact email address will be highlighted yellow instead of
white on the contact us page. Clever! [ Get Source Code ]
Title: Size Wisely
Contributor: Patrick Hunlock
Contributor URL: http://www.hunlock.com/
Date Uploaded: February 7, 2007
Description:
Use this script in your onload events to kick-start your Web pages with
the right relative font size. It checks the screen resolution (not the
browser size) and sets the base 'em' size accordingly.
Title: Smart Popup
Contributor: Nannette Thacker (nannette@shiningstar.net)
Contributor URL: http://www.shiningstar.net
Details: 3.93 KB * Uploaded February 20 2001
Description:
Create popup windows that will center on your screen or popup near your
link without popping off the edge of the screen. Also shows how to
create a clickable popup or a popup that displays when you hover over
the link with your mouse. Cool! [ Get Source Code ]
Title: Spambot Countermeasure
Contributor: John Solis (john@johnsolis.com )
Contributor URL: http://www.johnsolis.com
Details: 0.92 KB * Uploaded November 30 2002
Description:
The e-mail address is stored on the server in a disassembled form which
is later re-assembled by your browser using Javascript. Spambots merely
perform simple text searches for valid e-mail addresses and they will
not be able to harvest any e-mail addresses from your webpage. For
example: "aol.com" is stored in one place, "joe8625" in another, and
"@" in yet another. Then, there is a paragraph of programming code that
tells your internet browser to assemble the three parts into a clickable link. [ Get Source Code ]
Title: Spreadsheet Cell Bock Parser
Contributor: John V. Thompson (johnv.thompson@xtra.co.nz)
Details: 3.58 KB * Uploaded January 23 2003
Description: This script will take a block of spreadsheet cells and convert them to a 2x2 table object. [ Get Source Code ]
Title: Source Viewer
Contributor: Alfie Pugh (alfiep@lineone.net)
Details: 1.08 KB * Uploaded October 16 2000
Description: View the source of any Web page. This will bypass any 'No right click' scripts on the page. Clever! [ Get Source Code ]
Title: Term Search
Contributor: Gene Bernier (gene-b@indepthreality.com )
Contributor URL: http://www.indepthreality.com
Details: 2.99 KB * Uploaded September 18 2002
Description: As you type in a term to search the first match is selected. Easy to add other selections. [ Get Source Code ]
Title: Thumbnail Viewer
Contributor: Anders Jennerberg (anders@katedral.se)
Details: 1.72 KB * Uploaded May 2 2000
Description:
Save page space by opening a new window to display larger images on
your site when a thumbnail image or a picture text link is clicked. The
same window is re-used when the images are the same size. Cool! [ Get Source Code ]
Title: Time Box
Details: 1.41 KB * Uploaded August 18 1997
Description:
This is a neat little script that makes your Web page look a whole lot
more 'professional'. This JavaScript will display a small box with the
time the visitor loaded the page. [ Get Source Code ]
Title: Time Greeting
Contributor: Robert Ison
Contributor URL: http://www.infosourcetraining.com
Details: 0.79 KB * Uploaded June 17 1999
Description:
Don't just welcome your visitors anymore, JavaScript can write good
morning, good evening, or good afternoon based on the time the page was
loaded, according to the user's system clock. Neat! [ Get Source Code ]
Title: Title Bar Typist
Contributor: Jim Einarson (jim.einarson@ccra-adrc.gc.ca)
Details: 2.01 KB * Uploaded June 8 2001
Description: This script types a string or series of strings into the Title Bar. [ Get Source Code ]
Title: Title Bar Clock Version 2
Contributor: Alex Jarvis (gamemastax@hotmail.com)
Contributor URL: http://www.angelfire.com/ri2/chronotrigger/
Details: 1.39 KB * Uploaded May 28 2003
Description:
Display an updated clock in the title bar of your website with this
neat script! Easy to install, just cut, paste, and change the title!
Now works in most browsers. [ Get Source Code ]
Title: Time On Page (Alert)
Details: 2.92 KB * Uploaded August 18 1997
Description:
If you want to show your visitors how long they have been on your page
but don't exactly like those clock displays, then you might like this
script. When the visitor leaves or clicks the button, they are alerted
to the time they have been on your page. Many times, they won't even
expect it! [ Get Source Code ]
Title: Time On Page (Clock)
Details: 1.29 * Uploaded August 18 1997
Description:
Occassionally, it might be interesting to show the visitor how long
they have been on your page. So, you can use this script to write a
clock to the screen that will tell them exactly that! [ Get Source Code ]
Title: Time On Page (Seconds)
Details: 1.28 KB * Uploaded August 18 1997
Description:
If the other time on page scripts seem too impersonal for you, this
could be your solution. Instead of the 00:00 readout, it displays 'X
Secs'. Just another wonder of JavaScript... [ Get Source Code ]
Title: Time On Page (OnUnload)
Contributor: Max Harris (mclh@rocketmail.com)
Contributor URL: http://members.tripod.com/~mclh/index.html
Details: 1.08 KB * Uploaded April 2 1998
Description:
When someone visits your Web page, JavaScript will start the clock.
When the leave that page, they will be alerted with the time they have
been viewing the page! Cool! [ Get Source Code ]
Title: Top Window
Details: 1.48 KB * Uploaded May 29 1998
Description: Use this JavaScript to keep a window 'on top' of the rest of your other windows. Not sure what I mean? Try it out and see! [ Get Source Code ]
Title: Web Cam Time
Contributor: Chris Herrod (christopher_herrod@hotmail.com)
Contributor URL: http://members.nbci.com/chris_herrod
Details: 2.95 KB * Uploaded June 1 2001
Description:
Set your Web Cam for a Online viewing time and an Offline viewing time.
This is very useful if you do not have you cam online 24/7. It will
display the updated Web cam image while during the online time, and an
offline image during you offline time. [ Get Source Code ]
Title: Week Day Image
Details: 0.63 KB * Uploaded February 17 2000
Description:
Displays a new image every day of the week. For example, it displays
monday.jpg on Monday, tuesday.jpg on Tuesday, etc. You can also change
what image is shown each day. Easy! [ Get Source Code ]
Title: Week Day Image w/URL
Contributor: John Hobbs
Contributor URL: http://www.velvetcache.org/
Date Uploaded: July 17, 2006
Description: Display a new image every day of the week, with a link to a specified URL for that day. [ Get Source Code ]
JavaScript® is a registered trademark of Sun Microsystems, Inc.
Jupitermedia's Database Journal offers SQL courses and other database related resources for beginner to expert developers.
|
|
