jsf h:inputText component appear based on javascript?

Question

I need to have a jsf h:inputText component appear on a web page based on whether a javascript test condition is true or not. How can I do this?

BalusC · Accepted Answer · 2012-04-26 15:10:01Z

2

Just let JSF render it with CSS display property initially set to none and have JavaScript to toggle this to block.

E.g.

<h:inputText id="inputId" styleClass="hide" />

with this CSS

.hide {
    display: none;
}

and this JS

if (someCondition) {
    document.getElementById("formId:inputId").style.display = "block";
}

You'll only possibly run into problems with regard to input processing and conversion/validation. This input field is always submitted to the server, even when still hidden by CSS. Much better would be to evaluate that condition in JSF instead so that you can use the JSF component's rendered attribute.

edited Apr 26, 2012 at 15:10

answered Apr 26, 2012 at 14:58

BalusC

1.1m377 gold badges3.7k silver badges3.6k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user840930 Over a year ago

once the component is visible, how do I hid it again? .style = "hide"

Mikita Belahlazau · Accepted Answer · 2012-04-26 14:56:54Z

0

You can hide it on page depending on your javascript condition. Something like $('.class-of-input').hide();

answered Apr 26, 2012 at 14:56

Mikita Belahlazau

15.4k2 gold badges41 silver badges44 bronze badges

Collectives™ on Stack Overflow

jsf h:inputText component appear based on javascript?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related