JavaScript is a lot like PHP in syntax so I find it relatively easy to switch between the two. The Orca Scripts, for example, use a lot of dynamically generated JavaScript which fades away seamlessly if it's disabled in the client browser. As it happens, I am a stickler for building JavaScript that doesn't "mess up" the page when it's disabled. I test all my JavaScript in Firefox and Vivaldi / Chrome.
JavaScript usually resides within script tags like so:
<script> /* JavaScript code goes here */ </script>
... 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.
Project page, or on Github
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.
Source code: Javascript, CSS
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.
No images to download, no scripts to include inline by each form input and no wall of adjustable options in the javascript source code.
Does not depend on any JavaScript framework API's; just include the javascript file and stylesheet in the <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.
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.
This small JavaScript program will animate a series of same-sized blocks of HTML, scrolling them up, down, left or right dynamically and then pausing before starting the next scroll. The script will also pause on mouseover, and resume scrolling on mouseout. Since it scrolls HTML instead of just images, you can include just about anything that can be ordinarily placed in a static HTML document: links, images, graphics, tables, backgrounds, etc.