spacer

Webref WebRef   Sitemap · Experts · Tools · Services · Newsletters · About i.com

home / experts / javascript / column15


Lookup Lists

Developer News
OpenOffice 3.2 Lands Amid Critical Changes
Red Hat, IBM Firmly in KVM Virtualization Camp
Red Hat Talks Up Open Source Cloud Plans

This week's column explains how to create a lookup list. A lookup list is a menu that enables you to enter the first few characters of a desired option, and the nearest match is instantly selected. Windows 95, for example, features a lookup list in the Help window of almost every program, under the Index tab. Our example list includes many different web sites:

Note that if you are running the Macintosh version of Navigator 4.0x, the script displays a standard list. We'll explain this later in the column.

Give it a try by entering "cos" (without the quotes) one character at a time. Then delete the characters one at a time. Notice that the selection changes according to the text in the box.

If you're using Navigator 4.0x, you probably noticed a limitation. When the script selects an option far down the list (one that isn't visible at first), the menu doesn't automatically scroll down to show the selected option. Since Navigator 4.0x doesn't feature a method to scroll select menus, there is no workaround for this problem. We'll have to live with it. In this column you'll learn:

  1. How to define the basic global variables for the script.
  2. How to initialize the lookup list.
  3. How to print the list's HTML code via JavaScript.
  4. How to update the text field when the user manually changes the selection.
  5. How to select a matching option.

For your convenience, you may also view the entire code.

More Resources from Doc JavaScript
Columns Popular Columns Tips Tools
Latest Columns
41-50 | 31-40 | 21-30
11-20 | 1-10
Working with Windows
JavaScript and Frames
Bookmarklets
Random Tips
Personalized Tips
RSS Channels
Menu Builder
Rollover Builder
Rotation Builder
Reference Tip Categories (want one?)
Links
For Your Site
Did you learn something? Do you like this site? Please link to us!

http://www.internet.com


The Network for Technology Professionals

Search:

About Internet.com

Legal Notices, Licensing, Permissions, Privacy Policy.
Advertise | Newsletters | E-mail Offers

webref The latest from WebReference.com Browse >
Search Engine Optimization: Selecting and Embedding Keywords · Are Google's Language Translation Web Services Ready for Prime Time? · Installing and Using Meeplace, the Business Review CMS
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
IBM DB2 10 for z/OS: Justifying the Upgrade · Living La Vida Colo: Choosing the Right Colocation Facility · FTC Concerns over Social Media Privacy Linger


Created: March 11, 1998
Revised: March 11, 1998

URL: http://www.webreference.com/js/column15/