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 Opera, MSIE, Firefox and Safari/Chrome.
JavaScript usually resides within script tags like so:
<script type="text/javascript">
/* 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.
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.
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.
Opera and Greasemonkey users can also install this script as a User JavaScript to enable it on all webpages. You can download it from its page at Userscripts.org. Internet Explorer users can achieve a similar effect (albeit requiring a mouse click) using Antonio Rinaldi's bookmarklet implementation.
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.
| One | Two | ||
| Three | Four |
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.
This highly flexible JavaScript program allows you to create dynamic text fade-in and fade-out effects with command buffering to keep transitions ultra-smooth. Completely recoded with a vastly improved engine for v3.0, and much simpler usage. Now anyone can create almost flawless text fading effects on any JavaScript event trigger.
Copyright © 2012 Brian Huisman AKA GreyWyvern