... or in an external file with a .js extension. So if you're unsure of where to put some code you've downloaded off this site, that's where it goes! Just click on the project page link beside the title of each script to go to the code.
Calendar Date Selector
Current Version - 1.4Source code
Transforms form input elements of
type="date"into a graphical calendar selection interface when clicked. This interface is not a popup, but seamlessly embedded in your document as an overlay. A great way to start using this HTML5 specified input type, while enabling it in all major browsers!
<head>element of your HTML document and you're done! The icing on the cake is that the script file and stylesheet weigh in at less than 18kB, reducing the load when used on busy sites.
It's so simple, I'm not even making a separate project page with instructions for this script!
While the script is ready to go using the
yyyy-mm-dddate format by default, the displayed date format is highly customisable following the format string convention of the PHP date() function. See more details on this in the source code.
Graphical / Virtual Keyboard Interface
Current Version - 1.49Project page
For mouse-lovers everywhere! This script will enable a virtual keyboard interface for your selected text fields, password fields and textareas, allowing users to fill them using the mouse only. Perhaps useful for places where you may not have a keyboard, such as web kiosks, or a convenience input method for servers which have had the keyboard removed. Also great for inserting special characters not directly available on your physical keyboard.
Comes with over 90+ dynamically selectable keyboard layouts, including an extendable number pad. Also includes Dingbats and Miscellaneous Symbols layouts for easy insertion of Unicode symbols (❤ ☮ ★ ♫) into tweets and statuses! New keyboard layouts and dead keys are easy to add.
HTML Block Scroller & Marquee
Current Version - 2.0Source code
Version 2.0 is a significant recode from previous versions. Blocks are now specified in the HTML source, rather than as JS variables, making for easier block addition and management.
Buffered Text-fade Effect
One Two Three Four
Current Version - 3.0.1Project page
NOTE: This script animates the text colour. This type of text animation is much easier to do with CSS opacity animation these days. Meaning this script is pretty much deprecated.