Ever wanted to follow a detailed walk-through of a sophisticated JavaScript program? Well get your hiking boots on and join us for a stroll through the entire length of Aaron Prenot's cascading menu script.
Cascading Menus JavaScript / Menus and Buttons
Cascading menus are everywhere. The Start Menu in Windows is a perfect example. Here is a script that will allow you to create cascading menus in IE5 and keep a default hyperlink in place for other browsers.
AnyLink Drop Down Menu JavaScript / Menus and Buttons
This is an extremely versatile drop down menu script for ordinary links on your page, including image links. It can be activated either onMouseover or onClick. The menu intelligently determines whether the dropped menu is too close to the browser's edge, adjusting its positioning so it's always in view.
Pull-down Menu JavaScript / Menus and Buttons
The pull-down menu is an excellent way to condense many links into a small area. This article first shows you how to create a basic pull-down menu.
Vertical Pull Down Menu JavaScript / Menus and Buttons
Create a vertical pulldown script that displays navigational headers and when you click on a header new links appear underneath it, this effect works both in Firefox and Internet Explorer.
Ajax Rotating Includes Script JavaScript / AJAX
This script lets you input a list of external pages for the script to choose and selectively include one onto the current page, using Ajax. You can choose to display a different file for each day of the week, month, or randomly.
Ajax Tabs Content script JavaScript / AJAX
This tab content script uses Ajax to let you display a selection of external content on your page inside a DIV and via CSS tabs! We got our inspiration for this script from Yahoo's new homepage, which employs such a concept to show news in an organized fashion.
Dynamic countdown script JavaScript / Date and Time
Dynamic Countdown script belongs to the first type of count down script that lets you count down to relative events of a future date/time. This future date, while the same for everyone, occurs differently depending on the time zone they're in (ie: Christmas, your mom's birthday, April 1st 2015 etc). This script is extremely flexible- you can customize exactly how to display the output, or even specify a custom action to perform at the end of the countdown (ie: go to another page), by passing in your own custom format function.
No Right Click JavaScript / Event Handling
We will be using a normal no right clicking script for this tutorial.
This is a common script with a popup that you can add your name to.
Select Menu List JavaScript / Forms
Move items from one menu to another by using two multiple-select menus. Make it easy to create a list, for example. I found this useful when creating a distribution list where I had a set of people available on one side and the list on the other.
CSS Menu Using JavaScript JavaScript / Navigation and Searching
Noticed a flaw with my original JavaScript drop down menu regarding customization using CSS. The problem was this; the LI elements below the #div's that were hidden didn't conform to their own CSS customization and stuck with the rules of the above LI's.
onMouseover? What's This? JavaScript / Event Handling
Well, its time to try out your first javascript. This one is nice because we don't have to deal with adding the script tag. This little script will write something of your choice to the browser's status bar when you move your mouse over a link.