... 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.
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!
Ready to work "out of the box" this script is almost certainly the simplest calendar date selection script you will ever use.
<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-dd date 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.
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.
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.
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.