October 4th, 2005
Photo Album script
Credits:
Dynamic Drive
Photo Album script is ideal
for displaying multiple images at once, with the ability to cycle through
entire batches of images. Each image can be hyperlinked and a text description
shown below it. Also, customize the dimensions of the photo album, such as 3 by
2 images, 4 by 5 images etc.
Tab Menu script Credits:
Alf Kalleland
This is an attractive, list based tab menu script. As the mouse rolls over
a tab, additional links are shown beneath it horizontally.
September 12th, 2005
Floating Top bar script Credits:
Dynamic Drive
This script displays a floating bar that sits at the top of the window,
gliding gently back into view when the page is scrolled. Regular HTML content
can be shown inside of it.
Ajax load XML file
script Credits:
Eddie Traversa
This script demonstrates the concept of using Ajax to load a simple XML
file and display it on the page.
August 31st, 2005
Switch Content
Script II Credits:
Dynamic Drive
Switch Content Script II adds contact/expand functionality to any content
using an image icon as the toggling interface. Apply it to content on your
page you wish to give the viewer the option to hide. Cookies are used to
remember and recall each content's last state.
August 18th, 2005
Email
Validation script Credits:
Dynamic Drive
Well, it's the most common use of JavaScript when it comes to forms. This
script uses regular expressions to check that a form field contains a
valid email address.
August 4th, 2005
AnyLink
Vertical Menu Credits:
Dynamic Drive
This is an alternate version of the
AnyLink Drop Down Menu that
works with vertical links instead. The menu is positioned to the right of
the link or link container such as a list item <li> or table cell (<td>).
July 14th, 2005
Overlapping
Content link Credits:
Dynamic Drive
This script lets you display content in tight areas on your page, by
displaying the content on top of any link used to activate it. The content
floats above and overlaps anything beneath it. It's extremely handy for
displaying search boxes, additional links etc in a tight area, such as the
sidebar column of a page.
Textarea
maxlength script Credits:
Dynamic Drive
Why this isn't supported by default in HTML is a whole other issue.
Anyhow, this is a simple but
effective script for extending your textarea with a maxlength attribute,
so the user's input cannot exceed a certain number of characters. Works
with any number of textareas on the page.
June 22nd, 2005
Easy Email
Scrambler Credits:
Dynamic Drive
This script encrypts any email link on your webpage to hide them from
harvesters and spammers. The script shines in its ease of implementation
and extensive browser compatibility.
June 6th, 2005
Fixed Tooltip
script Credits:
Dynamic Drive
Looking for a tooltip script where the tooltip is anchored to the link's
position rather than following the mouse around? Fixed Tooltip script
behaves in just this manner, unlike
Cool DHTML Tooltip I or
II. Whichever way you like
it, we got you covered now!
May 23rd, 2005
Carousel slideshow
II
Credits:
Harry Armadillo
This carousel image
slideshow, with its object oriented design, redefines robustness. The script supports vertical
and horizontal scrolling, optional linking, title attributes, configurable
visible sides, and more. Furthermore, multiple, different versions of this
script can be invoked on the same page. Wow!
May 16th, 2005
AnyLink CSS Menu Credits:
Dynamic Drive
AnyLink CSS Menu is a cool script that adds a drop down menu to any link
on your page. Each menu is implemented as plain HTML (a DIV containing
links) on the page, making the menu contents search engine friendly and
potentially very easy to deploy.
Horizontal hover menu Credits:
Dynamic Drive
A CSS horizontal menu with links that hovers up when the mouse moves over
them. In select browsers, the links depress as well on mousedown.
May 3rd, 2005
Switch Menu II Credits:
Eric Simmons
Switch Menu II creates menu headers that expand and contact
when clicked on to reveal additional links within. A smooth "Win XP" style
animation is applied during the unfolding of the links.
April 4th, 2005
Random
Content colors Credits:
Dynamic Drive
Content that randomly changes background or text color is an easy way to ensure
consistent viewer focus on them. This script lets you specify a list of colors
(background or text) to be randomly applied to certain content on your page,
whether it's a DIV or table cell. Use it on content that you want visitors to
always focus on.
March 24th, 2005
Remember
Form values script Credits:
Dynamic Drive
This script remembers the value entered into any form textbox (<input
type='text") by the visitor, and upon his/her return, preloads the textbox with
that value. Now this is one script your visitors may just appreciate more than
you!
March 9th, 2005
Open select links in new
window Credits:
Dynamic Drive
Specify arbitrary or entire groups of links on the page open in a new window
with this flexible script. An optional checkbox lets the visitor easily toggle
between "open in new window" or "current window" instead. This script takes a
familiar concept and pushes it into overdrive!
Feburary 28th, 2005
Frequency
Cap content Credits:
Dynamic Drive
Want to display content that only gets shown once every x hours? Using
JavaScript cookies and CSS, this script lets you do just that for any content on
the page. Different content can each be shown per its own periodic interval, and
setting up the script is as easy as specifying the IDs of the contents inside
the script.
Bouncing
Image script Credits: Lloyd Hassell
Oh how time flies. Five years ago, we featured the original version of Bouncing
Image Script. Now this script is back after a reincarnation, supporting multiple
images and a smoother animation in certain browsers. Check it out!
Feburary 14th, 2005
Rich text editor (for textareas)
Credits:
Kevin Roth
Replace a form's textarea field(s) with a custom one that supports WYSIWYG
formatting with this Rich Text Editor script. It allows the user to easily
format the entered content, such as make it bold, change its size, colors etc.
January 25th, 2005
JavaScript Sound effect
Credits: Dynamic Drive
Add a sound effect to your webpage for certain actions, such as when the user
moves his mouse over a link, with this script!. This IE-only script is simple
yet versatile, allowing you to instantly apply the sound to multiple items on
the page. Relies on the <BGSOUND> tag.
CMotion
Image Gallery script Credits: Dynamic Drive
Well, this script has the honor of being the very first of Year 2005! CMotion
Image Gallery is a versatile gallery script that uses the user's mouse to
control it. The user can direct both the image scrolling direction and speed
just by placing the mouse on either spectrums of the image gallery. Clicking on
an image can then load a larger version of it etc. Cool!
December 27th, 2004
Jason's
Date Input Calendar Credits: Jason Moon
This script displays a popup calendar next to date fields to make it easy for
users to fill out the date. The script also generates the actual date field as
well using select menus and a text box, and creates a hidden field to contain
the user selected Date value.
December 14th, 2004
Link
Floatie script Credits: Dynamic Drive
Link Floatie script lets you display a description of a link or additional
content onMouseover. The floatie gradually fades into view in the lower right
corner of the browser. It's a tooltip, but not.
Gradual
Highlight image script Credits: Dynamic Drive
A complete rewrite of the original script first introduced over 2 years ago, the
Gradual Highlight image script is now better than ever! Works cross browser (IE
and Mozilla/ Firefox) and easier to implement, your image links will never look
the same thanks to it.
November 19th, 2004
Bookmark Site
script Credits: Dynamic Drive
Well, you asked for it. This is a Bookmark site script, whereby the viewer can
easily bookmark your site by clicking on a link. And now to the part you asked
for- this script is cross browser functional, and works in both IE4+ and NS6+/
Firefox.
DOM image rollover II
Credits:
Adam Smith
This script makes it easy to add rollover/ mousedown
effects to any image on the page, including image submit buttons. Automatically
preloads images as well.
October 27th, 2004
Cool DHTML Tooltip II
Credits: Dynamic Drive
Fancy looking tooltips with an "arrow" pointer are commonly found in desktop
applications. Well, now you can add a similarly looking tooltip to your webpage!
Similar in function to the original
Cool DHTML Tooltip.
October 13th, 2004
Form field Progress Bar
Credits:
Ron Jonk
Similar in function to Form Field Limiter, this script allows you to restrict
the number of characters inside a form element (ie: textarea) while displaying a
progress bar on the remaining characters beneath it.
WinXP
Progress Bar Credits:
Brian Gosselin
A great looking pure DHTML progress bar that resembles the one seen in Window
XP's startup screen. All visual aspects of the bar can be customized, and the
script can be invoked multiple times to display multiple bars on the same page.
This great visual script works in both IE5+ and NS6+.
September 17th, 2004
No Select
Text script Credits: Dynamic Drive
This script disables the user's ability to select text on the page when added.
You may recall that this is an old script, though we've just rewritten it to
omit form elements in NS6+, which up until now prevented forms from working once
the script was added.
Daily
iframe content II Credits: Dynamic Drive
This script loads a different page into an iframe daily, depending on the day of
the month (1-31). Use it to serve up daily, changing content easily.
Tab
Content script Credits: Dynamic Drive
We got our inspiration for this script from Yahoo's
frontpage, which uses something similar to
organize its search tools. Tab Content Script is a standards compliant, 2 level
content script. Click on a tab, and additional content appears beneath it while
contracting any previously open content.
August 24th, 2004
Jim's DHTML Menu
(v 5.7) Credits:
Jim Salyer
Ok, we're declaring August to be DHTML Menus month! Jim's DHTML Menu has now
entered into version 5.7 (from 5.3), and with that comes one of the biggest
update yet. Everything from Opera 7/ Safari support, doctype=strict
compatibility, to drop down over forms support, much more efficient code etc,
you'll actually be enthusiastic about upgrading!
August 19th, 2004
JsDOMenuBar
Credits:
Toh Zhiqiang
jsDOMenuBar is a cross browser horizontal menu bar based on its cousin
jsDomenu. It supports
unlimited menu bar items, can be set to be draggable, and positioned either
absolutely or relatively. Gotta love what DHTML can bring to site navigation!
AnyLink
Drop Down Menu Credits: Dynamic Drive
This is a versatile drop down menu that can be applied to ordinary links on your
page, including image links. It can be activated either onMouseover or onClick.
June 29th, 2004
DD Tab Menu
II Credits: Dynamic Drive
Similar to DD Tab Menu
below, this one uses images instead for the tabs themselves. The script itself
is a standards compliant, 2 level tab menu. Move your mouse over a tab, and
additional content appears beneath it.
July 14th, 2004
Chained Select Menu Credits:
Xin Yang/ Dynamic Drive
We decided to create a separate page to showcase using "Chained Selects" below
to create a functional navigational menu. Called "Chained Select Menu", this
modified script contains a helper function that loops through the interdependant
select lists, and if an "end selection" has been made, takes the user to that
selection's value (aka URL). Update- Added
user selection persistence feature.
Chained Selects Credits:
Xin Yang
Chained Selects allows you to "chain" any number of form selection lists
together in an interdependent manner, creating a multi-level form menu! Very
unique, very powerful. Update- Added user
selection persistence feature.
July 2nd, 2004
Bullet Link
script Credits: Dynamic Drive
This unique script dynamically positions a "bullet" image of your choice
alongside arbitrary links when the mouse moves over them, "highlighting" them.
Simply give the links in question a CSS class name of "ddbullet", and the script
handles the rest. Great way to draw attention to specific links on your page.
DHTML
Billboard script Credits: Dynamic Drive
Real life billboards use interesting transitional effects in between messages to
catch viewers' attention. Well, so does this DHTML billboard script (IE5.5+
only)! The script uses regular DIV tags to contain all the messages you wish to
be shown, for ease of customizing them.
June 16th, 2004
DD Tab Menu
Credits: Dynamic Drive
DD Tab Menu is a standards compliant, 2 level tab menu. Move your mouse over a
tab, and additional content appears beneath it. The script uses CSS to control
all of its appearance, and plain HTML to implement the entire menu tabs and
contents.
IFRAME
Scroller Credits: Dynamic Drive
After numerous bug reports with the original IFRAME Scroller, we decided it was
time to just let it go and start fresh. Behold the new IFRAME Scroller, which
features numerous improvements under the hood, the most important being it no
longer "stalls" and jams up every once in a while in IE. Fresh is good.
June 2nd, 2004
Tabbed
document viewer Credits: Dynamic Drive
Using a tabbed interface, this DHTML script lets you display external web pages
inline on your page, with the help of the IFRAME tag. This script works in IE5+
and NS6+, and degrades well with the rest (as tabs are simply regular links).
Snow
Effect without images Credits:
Kurt Grigg
This script uses a series of DIV tags to create falling snow that trickles down
an entire webpage, without using images. Yes, we're aware it's Summer right now
:)
May 4th, 2004
Memory
Ticker Credits: Dynamic Drive
This thoughtful DHTML ticker remembers the last viewed message just before the
visitor navigates to another page, and upon his return, picks up the message
display from where it last left off. For tickers that contain many messages, it
quickly becomes an indispensable feature.
Memory
Scroller Credits: Dynamic Drive
Similar in concept to the above, this DHTML scroller remembers its last scrolled
position just before the visitor navigates to another page, and upon his return,
picks up the scrolling from where it last left off. For scrollers that contain a
long message, your visitors will surely appreciate this functionality.
April 14th, 2004
Iframes
SSI script II Credits: Dynamic Drive
Well, less than a month has passed, and already a spinoff! This is a variation
of the original Iframes SSI
script, both of which allow you to snugly include the contents of another
page using IFRAMEs. However, it differs from Version I in that you can load
additional documents into the IFRAME even after the page has loaded, and the
IFRAME will dynamically adjust its height to fit the new document as well.
April 13th, 2004
MultiFrame slide show Credits: Dynamic Drive
One inherent limitation of most slideshow scripts is that they can only display
one image at a time, making it very cumbersome for your visitors to go through
them in cases where there's a long list of images to show. Well, this image
slideshow supports "multiple frames", so you can display more than one image at
once.
Sequential
Content revealer Credits: Dynamic Drive
With this script, you can initially hide any number of content and reveal them
one at a time in sequence, like in a presentation. Control precisely the pause
between each content.
March 25th, 2004
Iframes SSI
script Credits: Dynamic Drive
Want to dynamically include the contents of another page onto the current using
client side means? This script uses the IFRAME tag, and by automatically
resizing it based on the actual height of the containing page, allows you to
seamlessly display external content on your page. It's SSI DHTML style!
Jim's
DHTML Menu v5.0 Credits: Jim Salyer
This script creates an absolutely positioned, cross browser navigational bar for
your site. Efficient and small in file size, it can be set as either a
horizontal or vertical menu, supporting multiple levels.
March 8th, 2004
Amazon style Drop-in content
box Credits: Dynamic Drive
We modeled this script after an effect seen on the frontpage of Amazon.com. A
content box drops in from "midair", and can display anything of your choice. The
frequency of the box appearing can be precisely controlled.
Vertical
Text script Credits: Dynamic Drive
Text has always been displayed horizontally (in the Western World at least),
until now! This script harnesses the "writing-mode" attribute of CSS, supported
in IE5.5+, to display any text vertically in those browsers. Great for showing
items such as copyright text, special notices etc.
February 20th, 2004
Floating
iFrame Credits: Dynamic Drive
This script creates a floating iframe, so the iframe stays static and always in
view even when the page is scrolled. Display content from a separate page
prominently using it.
Image Thumbnail viewer II
Credits: Dynamic Drive
This image script loads and displays a larger image inline on the page when a
thumbnail is clicked on. Great for letting visitors preview from many images
then select the one of his choice to view all on the same page. With features
like fade-in effect and optional image preloading, this thumbnail viewer script
is also a big thumbs up!
February 2nd, 2004
Pop-up image Script
Credits: Dynamic Drive
Turn your images into depressible, pop-up buttons! This script creates the
illusion of an elevated image by applying a shadow and shifting the image to the
up and left. When the user holds down the mouse, the shadow is deleted, and the
image shifted back to its usual position...just like a button!