Mimic Lotus Notes Domino application functionality on the Web

Lotus Notes Domino developers often want to replicate how applications work within Lotus Notes on an external website. Programmers commonly make extremely large validation and hidewhen routines that place hide and validation logic in the JavaScript header. This can be cumbersome, especially with Lotus Notes forms with hundreds of inputs and tabbed tables.
Related resources from SearchDomino.com:
Top 10 issues when developing Lotus Notes Domino Internet applications

Lotus Notes Domino Application Development Reference Center

This "one-size-fits-all" routine performs all of the tasks in bulk -- similar to what Lotus Notes does automatically. The logic then can be encoded directly in the HTML attributes for any input and div tags involved.

This example adds hidewhen attributes to the div tags, but they can also be used with other tags. For the input tags, validation and prompt attributes were added.

Place this in your JavaScript Header:

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

And put this in your HTML:

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

The following line is not required: <input type="text" name="example" size="30" /><br> <input type="submit" value="Submit" /> </form> </body>

The challenge we presented ourselves with was to use getElementById instead of document.all in HideWhen() and combine "validation" and "prompt" to one HTML attribute.

You can see a working example at: http://www.jsadserver.com/fieldvalidation1.html.

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

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

This was first published in May 2008

There are Comments. Add yours.

TIP: Want to include a code block in your comment? Use <pre> or <code> tags around the desired text. Ex: <code>insert code</code>

REGISTER or login:

Forgot Password?
By submitting you agree to receive email from TechTarget and its partners. If you reside outside of the United States, you consent to having your personal data transferred to and processed in the United States. Privacy
Sort by: OldestNewest

Forgot Password?

No problem! Submit your e-mail address below. We'll send you an email containing your password.

Your password has been sent to:

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.