Turn Tables into Scrollable Menus on the Web

Turn Tables into Scrollable Menus on the Web

If you are looking to spice up your Web applications with a scrollable, clickable menu, why not use a Domino table? It's fast, efficient, and works great with IE 4/5 Web browsers and Netscape v6.


To convert a Domino table into a scrollable, clickable menu when viewed through a Web browser, use the following example as a guideline. Please note that some JavaScript knowledge is required.

1. Create a 1 Column by 2 Row table on a Domino Page/Form

2. In the first cell, type the word LOTUS

3. In the second cell, type the word SEARCHDOMINO

4. Right-click the first cell, select table properties, and choose the last tab (the one with the @ symbol).

5. In the Cell HTML Tags section, the field called "Other", enter the following JavaScript code WITHOUT THE LEADING ////. Please note that JavaScript is case sensitive and watch the placement of single and double quotes: 

//// onClick="location='http://www.lotus.com' ; return 'true'" ; onMouseOver="bgColor='red' ; return 'true'" ; onMouseOut="bgColor='white' ; return 'true'"

6. Right-click the second cell, select table properties, and choose the last tab (the one with the @ symbol).

7. In the Cell HTML Tags section, the field called "Other", enter the following JavaScript code WITHOUT THE LEADING ////. Please note that JavaScript is case sensitive and watch the placement of single and double quotes: 

////

    Requires Free Membership to View

    Login

    Register today to access targeted resources from our editorial writers and independent industry experts focused on Lotus Domino, Notes, Workplace and other related technologies.

    By submitting your registration information to SearchDomino.com you agree to receive email communications from TechTarget and TechTarget partners. We encourage you to read our Privacy Policy which contains important disclosures about how we collect and use your registration and other information. If you reside outside of the United States, by submitting this registration information you consent to having your personal data transferred to and processed in the United States. Your use of SearchDomino.com is governed by our Terms of Use. You may contact us at webmaster@TechTarget.com.

 onClick="location='http://www.searchdomino.com' ; return 'true'" ; onMouseOver="bgColor='red' ; return 'true'" ; onMouseOut="bgColor='white' ; return 'true'"

Now, preview the table in IE. Run the mouse of the words LOTUS and SEARCHDOMINO and watch what happens. Now, click on one of the cells and you should be taken to the appropriate home page. Looks even better when you hide the table borders!

Copyright (C)Robert H. Baehr. All RIghts Reserved.

This was first published in March 2001

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.

Back to top