April 24th, 2006
Dynamic
countdown script
Credits: Dynamic Drive
This is a live count down script that can be set to count down to any future
date/time, such as Christmas, your dad's birthday etc. Customize all aspects of
the count down, such as what text to display, even the action to perform at the
end of the count down. Note that the date/time is derived from the visitor's
computer, so it's relative to each visitor's time.
Universal
countdown script
Credits: Dynamic Drive
Yes we heard your requests :) This is a "universal" count down script that
lets you count down to absolute events whereby the target date/time needs
to be specific to a certain time zone, such as the launch date of a web site,
the date/time of the next Solar Eclipse etc. It accomplishes this by using your
server's time to calculate the local time of the desired location on earth
before performing the count down.
April 6th, 2006
Lightbox Image
viewer v2.0
Credits: Lokesh Dhakar
Lightbox JS 2.0 expands upon the original
Lightbox Image Viewer with a few
new features, most notably, the ability to group similar images together, so
cycling between these images become a breeze.
March 29th, 2006
openWYSIWYG 1.01b Credits:
Openwebware
openWYSIWYG is highly robust and attractive WYSIWYG editor that replaces
the plain <textarea>s in your forms. Cross browser friendly and open source, so
you can freely include it in your commercial apps.
Google Search
Terms highlighter Credits: Cal Henderson
This script highlights any terms on your page used by a visitor coming from
Google to locate it, similar to a popular feature found in Google Toolbar. It's
a great way to retain search engine visitors, by helping these folks quickly
focus in on the relevant areas on your page pertaining to his/her search query.
March 20th, 2006
Pausing RSS
Scroller
Credits: Dynamic Drive
Pausing RSS scroller is an innovative scroller that combines PHP and
external JavaScript to let you show any RSS feed on your site- and beyond! By
bypassing Ajax in favour of dynamically loaded JavaScript, the scroller can be
included on any site, enabling you to syndicate your feed for other sites
to display, just by allowing webmasters to cut and paste the frontend portion of
this script.
Ajax XML ticker
(txt file)
Credits: Dynamic Drive
This is an Ajax enhanced ticker script that
lets you use a text file as the contents of the ticker to show! Easily define
your messages, which support rich HTML, all inside this external text file. Now
there's no more excuse to not update the contents of your ticker more often!
March 6th, 2006
DHTML Ticker script
Credits: Dynamic Drive
Tickers remain the classic way to show content to your visitors one piece
at a time and dynamically. This is a
DHTML ticker script that takes in an array of messages and displays them one
message at a time. For
you people that like a little more flare, the script also supports an optional
fading effect between messages!
Pausing
up-down message scroller Credits: Dynamic Drive
Out with the old, in with the new we say! This is one of the very first
scripts added to DD many years ago, and it's just gotten a much needed overhaul.
It's an up-down message scroller that pauses between each message. Display
multiple instances of the scroller on one page, change from multi-lined to
single lined scroller easily, and more!
March 1st, 2006
Recall Form values script
II Credits: Dynamic Drive
You've probably seen this feature inside the comment forms of blogs, where
a checkbox lets you specify whether to remember the values of certain text
fields and recall them later. Well, this script adds such a feature to any form!
YUI Color
Picker Credits: Yahoo
Need a color picker for your online forms or application? This advanced
color picker is based on Yahoo's excellent
UI library, and
features a fully interactive, drag and drop interface to visually select the
desired color then populating the form field with the correct hex value.
February 9th, 2006
RSS Ticker
(Ajax invocation) Credits: Dynamic Drive
This powerful RSS ticker script lets you easily display any RSS content on
your site in a ticker fashion! This script uses a simple PHP based RSS parser
called
LastRSS to retrieve an RSS feed, then Ajax and DHTML to display the feed
dynamically and with flare.
January 31st, 2006
Dropdown HTML
control Credits: Ilya S. Lyubinskiy
Use this script to create a
drop down control for arbitrary content on the page, such as a a search form.
When the user clicks on a link, the content drops down and is shown on demand.
January 25th, 2006
Lightbox Image
viewer
Credits: Lokesh Dhakar
Lightbox JS is an elegant, unobtrusive script that overlays a larger version of an image on the current page
for display when clicked on- an image thumbnail viewer if you
will. It's a snap to setup and works on all modern browsers.
Pie Graph script Credits:
Balamurugan S
DHTML is trespassing into the terrority of Java! This is a purely DHTML/ CSS
based Pie Graph script. It loads fast and blends in with the rest of the page.
Very nice.
Line Graph script Credits:
Balamurugan S
Based on the same library as the Pie Graph script, this is a purely DHTML/
CSS based Line Graph script.
January 15th, 2006
Basic Ajax Routine
Credits: Dynamic Drive
Ajax Ajax Ajax, can't get away from hearing about it, so might as well
embrace it. This is a very small Ajax routine (less than 3 Kb) that enables you
to easily use Ajax on your site to send "GET" or "POST" requests asynchronously.
Get the contents of an external file, send GET or POST requests to a server side
script with different parameters etc, all seamlessly, without reloading the
page.
January 2nd, 2005
Chrome CSS Drop Down
Menu Credits: Dynamic Drive
We ring in the new year with a script everyone can appreciate! Chrome Menu
is a stylish CSS and JavaScript hybrid drop down menu. It's easy to configure
and search engine friendly. The menu links is based on a list, while the drop
down menus are simply regular DIV tags on page. Extremely compact, the menu is
around 6k in size, including the interface images used.
December 16th, 2005
PHP Photo
Album script Credits: Dynamic Drive
This is a PHP enhanced Photo Album script that automates the retrieval of
all images within a specific directory to show, with links to cycle through each
batch of images. Based on the original
Photo Album script, as you upload or
modify images within a directory, the script automatically adapts!
DOM Drag & Drop script Credits:
Aaron Boodman
This is a no fuss DOM drag script that be used on any relatively or
absolutely positioned element on the page to make it instantly dragable. The
script also fires 3 custom event handlers that let your page sense and react to
the dragging in some fashion.
November 30th, 2005
Ultimate Fade-in
slide show Credits:
Dynamic Drive
Well, you've been asking for it, and persistence does pay off. This is a
complete rewrite of the original fade-in slideshow script to accommodate three
of your most requested features: the ability to display multiple slideshows on
the same page, optional linking and link targeting for certain images, and
finally, the ability to randomize the display order of the images. With all
these abilities in place, we thought we'd also upgrade its name, now called
Ultimate Fade-in slide show!
November 21st, 2005
Local Time script
Credits:
Dynamic Drive
Want to display the current local time of a specific place in the world?
This DHTML script uses your server's time to calculate and display the local
time of anywhere on Earth. Note that the page using this script must either be
PHP or SSI (server side includes) enabled.
Style Sheet Switcher (v1.0) Credits:
Dynamic Drive
This is a versatile "plug & play" style sheet switcher that lets your
visitors switch between a list of alternative style sheets to apply to your
site. With a change of style sheet the entire look of your site can be
transformed. Cookies are used to enable persistence across site and for any
number of days. It's time to make the switch!
November 3rd, 2005
Dynamic Ajax content
Credits:
Dynamic Drive
Load and display external pages inside a DIV without reloading the page
using this Ajax script. If your external pages reference any external .css or
.js files for styling, this script can also load and apply them to the page on
demand.
October 27th, 2005
Ajax Rotating Includes script
Credits:
Dynamic Drive
This is a shakeup of the
Ajax Includes script below to let you input a
list of external pages for the script to choose and selectively include
one onto the current page. You can choose to display a different file for each
day of the week, month, or randomly.
Ajax Includes
script Credits:
Dynamic Drive
This script uses Ajax (DHTML interacting with the server) to let you
dynamically include the contents of an external page onto the current document.
October 13th, 2005
Show Hint script Credits:
Dynamic Drive
"Show Hint" script displays an attractive hint box containing additional
explanation on any item on your page. A hint box pops up next to the item when
the mouse moves over it with relevant hints or useful information, such as
alongside certain form fields instructing the user how to fill each one out.
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.