 |
Geniusbug Javascript Core Tutorials, by RoBorg: Home |
Welcome to http://javascript.geniusbug.com
Here you'll find a growing list of downloadable javascript tutorials.
Each one comes with a function-by-function explanation, and an example file for those of you who just want to copy and paste.
All the scripts are free and you may use them as you see fit, so long as the comment at the top stays intact.
If you like this site, please LINK TO IT, so others can find it!
Visit my personal site, www.RoBorg.co.uk to see some of my Javascript and PHP projects.
Can't find the script you're after? Why not request it? Please, only ideas you think might be useful for everybody.
If you want to talk to me directly, I can often be found in #javascript on the Undernet IRC network.
Updates
- [2006-04-21]: Added the SmartTables script - Tables just got smarter.
- [2004-12-19]: Added the Expanding Menu + Cookies script, as requested!
- [2004-12-11]: No, I haven't forgotten about the site :). I've been busy at uni, but now I've graduated I'm working on the site again, as well as http://www.html-channel.com - an HTML learning site! This site is running off a brand new backend, that makes it even easier for me to add and maintain the scripts!
- [2003-09-08]: Added the Dynamic Select script.
- [2003-09-08]: Fixed a minor bug in the Formatted Date script.
- Added the Pie Menu script!
| Forms | |
| Dynamic Selects | Change options based on the selected option in another select box. |
| Get/Set Form Values | This tutorial will show you how get and set the values of forms with javascript. |
| Name to Number | This tutorial gets the index number of a form component from its name. |
| Textarea Limit | Limit the amount of text that can be put in a <textarea> |
| Validation | This will help you validate forms with javascript. |
| Menus | |
| Context Menu | This script creates a javascript replacement for the right-click menu. |
| Dropdown 1 | A dropdown list with a button to press to go to another page. |
| Dropdown 2 | A dropdown list that automatically jumps when an item is selected. |
| Expanding Menu | A sliding, expanding, multi-level vertical menu system. |
| Expanding Menu + Cookies | The Expanding Menu + Cookies to remember which parts are open/closed |
| Hierachical Menu | A multi-level heirachical menu. |
| Pie Menu | A hierarchical pie menu system. |
| Misc | |
| Ad Banner | A customisable ad banner rotator. |
| Clock | A cool graphical 12 or 24 hour clock with a range of styles. |
| Clone | Create clones of objects, rather than instances. |
| Cookies | Easy to use cookie handler. |
| Floating | This tutorial will show you how to make something 'float' on a page. |
| Formatted Date | This contains a javascript equivalent of the PHP date() function, to allow easy formatting of dates. |
| Frames | This will teach you how to combine frames and javascript |
| Icons | Icons you can drag around like your own desktop. |
| Passing Variables | This script allows you to pass variables to another page in the URL. |
| Screen Resolution Detect & Redirect | This detects the screen resolution of the user's computer, and forwards them to the appropriate page. |
| Slideshow | Create an easy to use slide show. |
| SmartTables | Intelligent tables - colourful and sortable |
| Status Bar | Putting text into the status bar. |
| Status Bar Mouseover | Putting text into the status bar on mouseover. |
| Mouse | |
| Eyes! | A pair of eyes that follow your mouse cursor around the page! |
| Hint | A DHTML replacement for alt="". |
| Mouseover 1 (Simple) | Create a simple mouseover effect on an image. |
| Mouseover 2 (Better) | Create a simple mouseover effect on an image, or multiple images, with preloading. |
| No Right Click | This script blocks the right-click menu. |
