JavaScript creates a jump box on a Lotus Notes Web form

Related resources from SearchDomino.com: Validate Lotus Notes Domino fields using JavaScript Converting Lotus Notes views to XML documents using JavaScript JavaScript Reference Center

1. Create a class for jump box contents in a CSS stylesheet. This visually integrates it into your form design. In my example, I named the class "jump."
2. Create a <form> tag and name it. I named my tag "jump1."
3. Produce a <select> tag that explains what to do when you select an item from the drop-down box.
4. Build your drop-down list in which each item consists of an <option> tag. This will tell your browser where to go and the drop-down item link text associated with it.
5. Start the list with the default value you'd like to display in the jump box. For instance, my default value is "Jump to Section." Note: The default value will not have a URL associated with it.
6. After you've created your dropdown list, close the </select> tag and then close the </form> tag.

Note: If you plan to use your jump box in more than one form, you can also put it in a subform.

(Click on code for enlarged view and script download.)

Do you have comments on this tip? Let us know.

This tip was submitted to the SearchDomino.com tip library by member Helana Neumann. Please let others know how useful it is via the rating scale below. Do you have a useful Lotus Notes/Domino technical tip or code snippet to share? Submit it to our monthly tip contest and you could win a prize.

Rate this Tip To rate tips, you must be a member of SearchDomino.com. Register now to start rating these tips. Log in if you are already a member. Submit a Tip Digg This!     StumbleUpon     Del.icio.us    RELATED CONTENT JavaScript Trap JavaScript runtime errors in Domino Web apps JavaScript workaround fixes Lotus Notes 8.x PostOpen event issue Write HTML and JavaScript in Notes view rows and columns on the Web JavaScript detects Web browser type and version in Notes/Domino 8.0.2 How to create dynamic JavaScript in Notes Domino without formulas Trap an attachment path via the Domino file upload control field Converting Lotus Notes views to XML documents using JavaScript Prevent errors on iFramed pages with JavaScript How to add keyboard functionality for Lotus Notes documents Validate Lotus Notes Domino fields using JavaScript JavaScript for Lotus Notes Domino Trap JavaScript runtime errors in Domino Web apps JavaScript workaround fixes Lotus Notes 8.x PostOpen event issue Write HTML and JavaScript in Notes view rows and columns on the Web JavaScript detects Web browser type and version in Notes/Domino 8.0.2 Top 10 Lotus Notes/Domino coding and development tips of 2008 How to create dynamic JavaScript in Notes Domino without formulas Trap an attachment path via the Domino file upload control field Converting Lotus Notes views to XML documents using JavaScript Mimic Lotus Notes Domino application functionality on the Web Prevent errors on iFramed pages with JavaScript RELATED RESOURCES 2020software.com, trial software downloads for accounting software, ERP software, CRM software and business software systems Search Bitpipe.com for the latest white papers and business webcasts Whatis.com, the online computer dictionary DISCLAIMER: Our Tips Exchange is a forum for you to share technical advice and expertise with your peers and to learn from other enterprise IT professionals. TechTarget provides the infrastructure to facilitate this sharing of information. However, we cannot guarantee the accuracy or validity of the material submitted. You agree that your use of the Ask The Expert services and your reliance on any questions, answers, information or other materials received through this Web site is at your own risk.