CODEWITHSUNDEEP
xpagesxpages-ssjs
Malin
Malin

Reputation: 697

compute Visible property for a button, based upon length of a textarea field

I would like to calculate the visibility of a button based upon the content of a text area field (multi line edit box). it should contain at least some text.

I could use the onkeypress event (server) and perform a partial refresh on the button BUT I notice that the partial refresh spinner appears then when users are writing in the field. I would like to avoid this.

What options do I have?

Upvotes: 0

Views: 87

Answers (1)

Rob Mason
Rob Mason

Reputation: 1417

You would be best off writing a client side script for that event. This script should show the button when there are more than 200 characters in the textarea. You will need to set the style visibility to hidden for the button initially. If the form can be edited multiple times, you will need to write this as a function and call it on page load as well as in the keypress event.

If you can use the keyup event instead of keypress, this may be better.

var textareaID = '#{id:textareaID}';
var buttonID = '#{id:buttonID}';
var textareaValue = document.getElementById(textareaID).value;
var visibility;

if (textareaValue.length > 200) {
    visibility = 'visible';
}
else 
{
    visibility = 'hidden';
}
document.getElementById(buttonID).style.visibility=visibility;

Upvotes: 2

Related Questions