Class Notes - Dropdowns and Popups
Dropdown Types
- Combo Box, option statement in form.
- Pulldown Menu Generator. Choice of trigger - button, image, or on page load.
- Pure (or mostly pure) CSS - uses li:hover attribute
- Son of Suckerfish. Nested lists with css, plus a little javascript for IE.
- Javascript - changes CSS attributes from events
- Simple Dropdown Menu. Divs within links, with onMouseOver and onMouseOut events.
Pulldowns - user clicks on to open
Dropdowns - open on hover attribute
Popup Types
- Pure (or mostly pure) CSS - uses a:hover or li:hover
- Javascript - window:open method
- Popup Window Generator. Generates a popup from a link.
- Popup Window Code Generator. Can generate a popup from hovering.
General Script Sites
- Dynamic Drive DHTML. Has categories of scripts for menus, windows, and more.
Other Good Sites
Dropdown Menus with CSS and sometimes Javascript
- FreeCSS Drop down Menu Framework. Downloadable code with CSS, Javascript, multiple samples of HTML and style templates.
- Multi Level Drop Down. Downloadable sample code with html, css, javascript. Nice.
- Drop-Down Lowdown. This page has reviews of several sites that have dropdown menu code, with pros and cons of each.
Popup Window Sites
General Script Sites
- Javascript Kit. Cut and paste javascript.
- codearena.com.
- Scripts by Michael - includes a very elegant multi level dropdown with reusable javascript and css.
Javascript
Javascript Reference and Tutorial
Javascript Object Reference - a complete reference to all Javascript objects and their methods.
Here is a reference to an excellent Javascript Tutorial available on-line for free.
Open Source Javascript library - jquery.com.
Other Sites
- Dropdown Menu Generator.
- Menu Generator. Select statement within a nested table with background images. It works with just the select statements. The javascript code is embedded right in the html.
- Pure CSS Menus.
- Anylink JS Drop Down. Straight Javascript including the menu contents.
- AnyLink CSS Menu.
- Easy CSS Popup Windows.
- CSS Popup with Absolute Positioning. Page with working examples, to look at the source code.
- open.window method. Good sample code.
- Popup Window Generator .
- Popup Window Wizard.
- CSS Express - one level drop down menu. Code plus tutorial on how to use.
- CSS Play - Menus. A whole bunch of sample menus. (Requires a donation to use.)
- Free CSS Drop-Down Menu. An online tool that builds the code you can download. The lower half of the page has links to other css menu sites.
The background texture is courtesy Free Gifs and Animations. Thank you.