How can I hide JSF elements from Javascript

Asked Feb 24 '20 at 08:12

Active Feb 28 '20 at 10:31

Viewed 45 times

Hello I would like to hide some JSF elements from Javascript.

This is the xhtml page:

<b:container>
    <b:column >
         <b:form id="form1">  
             <b:selectOneMenu id="dropdownCnpCui" ajax="true" process="@this" label="..."  >         
                 <f:selectItems value="#{cereri.cnpcui}" var="beer" 
                                itemValue="#{beer}" itemLabel="#{beer}" />
            </b:selectOneMenu>
        </b:form>
    </b:column>
</b:container>

This is what I tried in Javascript file:

document.getElementById("form1:dropdownCnpCui").style.visibility = "hidden";

I also tried from css to hide it but doesn`t work. Can please someone give me an example ?

Thanks

edited Feb 28 '20 at 10:31

fuggerjaki61

asked Feb 24 '20 at 08:12

Doseda

1

See https://stackoverflow.com/questions/3694450/how-can-i-show-hide-component-with-jsf – Jasper de Vries Feb 24 '20 at 09:00
It doesnt answer the question and it doesn`t show an example... – Doseda Feb 24 '20 at 09:26
1

You can use the `rendered` attribute at server side. With javascript, you have to look at the generated HTML code in your browser to do a `document.getElementById(myid).style.visibility=` – Holger Feb 25 '20 at 07:47
solved it using jQuery – Doseda Feb 25 '20 at 10:46

How can I hide JSF elements from Javascript

0 Answers0