November 21st, 2006
Interstitial Content Box
Credits:
Dynamic Drive
An interstitial is a container that appears over an entire webpage
intermittingly to display content in an eye catching way. This is a Interstitial Box script that uses Ajax
to fetch and display the contents of external pages on your server as an
interstitial.
Omni Slide Menu Credits:
John Scheuer
Omni Slide Menu is an super versatile slideout menu that reacts to the
mouse hovering over and out of it. It can be positioned to the left, top, or
right edge of the browser window, supports static positioning, plus multiple
instances of the same menu on a page and more. Very cool.
October 30th, 2006
Custom
Cursor
Script II (Crosshair mouse cursor) Credits:
Webtoolkit.info
This script adds a custom
cursor to your webpage using an interchangeable image. The result is a
custom mouse cursor that can be modified in anyway your graphic skills
take you. Elegant and non intrusive effect!
Drop Down Tab Menu Credits:
Dynamic Drive
This is a lean CSS tab menu that supports a 2nd level drop down menu for
any of its tabs. It supports subtle yet helpful features such as the ability to
set a default selected tab, hide any element on the page (ie: a form field) when
the menu drops down etc.
September 27th, 2006
Featured
Content Slider Credits:
Dynamic Drive
Featured Content Slider makes a slideshow out of arbitrary content on your
page, so users can manually select a content to see or have them rotated
automatically. Pagination links let the user quickly pick a content to show.
Each content is simply normal HTML wrapped in DIV tags for effortless
integration.
September 20th, 2006
Blm Multi-level
Effect menu Credits:
Brady Mulhollem
Blm Mult-level effect
menu is a JavaScript/ CSS hybrid dropdown menu based on
ordinary HTML lists. As its name suggests, it allows for infinite levels
of sub menus. The menu supports many different visual options, all specified
simply by inserting keywords inside the menu's "class" attribute.
September 10th, 2006
Rich HTML Balloon
Tooltip Credits:
Dynamic Drive
This is a balloon style tooltip (tooltip with an arrow image) that can be
applied to any link(s) on the page. The tooltips themselves are merely hidden
DIVs on the page, making it very easy to add arbitrary/ rich HTML inside of
them.
Random Content
Order script Credits:
Dynamic Drive
Randomize the display order of arbitrary content on your page with this
script! As a result, the order in which the participating contents is displayed
on the page changes randomly each time the page loads.
August 17th, 2006
Cross browser snake Credits:
Brady Mulhollem
This is a simple cross browser snake game you can add to your site. Select a
speed then use your arrow keys to attempt to eat the apple (red block),
but watch out for the walls. At any time you can pause the game by pressing the
space bar.
Form Dependency
Manager Credits:
Twey
This is a form dependency
script for shuttling the display of fields within a complex form, where
the visibility of a form field should depend on the value and/or state of
another.
July 20th, 2006
Simple Tree Menu Credits:
Dynamic Drive
This is a unobtrusive Tree Menu script that turns any ordinary list (UL
element) into a collapsible tree! Once transformed, the original list and its
sublists can be collapsed/expanded at will, with cookies used to optionally
persist its state.
July 17th, 2006
Slashdot Menu Credits: DimX
This is a stylish collapsible menu modelled after the navigational menu
found on Slashdot.
Session-only cookies are used to remember the menu state (whether it's expanded
or not).
June 29th, 2006
Tab Content script
Credits: Dynamic Drive
Inspired by the tab contents on News.com's
frontpage, this is a CSS/HTML
based Tab Content script that lets you organize regular DIV contents on the page
into a tab interface, in which clicking on a tab reveals the associated DIV
content. It supports much requested features such as default tab selected,
persistence of the active tab (ie: when page is reloaded), and multiple Tab
Contents on the same page.
AnyLink CSS Vertical Menu Credits: Dynamic Drive
By popular request, this is a vertical (drop to the right) version of
Anylink CSS Menu that can be used on
arbitrary links or vertical menus to instantly add a drop down menu to them. Each
drop down menu is implemented as plain HTML on the page, making the menu
contents search engine friendly and easy to define.
June 1st, 2006
CMotion Image Gallery script
II
Credits: jscheuer1
This is a vertical, up down scrolling version of the original CMotion
Image Gallery script. A versatile image gallery script that uses the user's
mouse to control it, thanks to
jscheuer1 for
bringing us this alternate version.
Ajax Tabs
content Credits: Dynamic Drive
This tab content script uses
Ajax to let you display a selection of external content on your page
inside a DIV and via CSS tabs! We got our inspiration for this script from
Yahoo's spanking new homepage (beta).
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!