StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POGeneric function to hide an element when an input changes it value
primarykey
Id
9087722
data
AcceptedAnswerId
9090620
AnswerCount
1
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2012-01-31T22:09:15.657
FavoriteCount
0
LastActivityDate
2012-02-01T04:04:27.587
LastEditDate
LastEditorUserId
0
OwnerUserId
1181422
ParentId
0
PostTypeId
1
Score
1
ViewCount
845
LastEditorDisplayName
text
Body
Im new in this JavaScript world, but i have this problem i want to solve. I need to write a generic function in javaScript, so when someone fill the value of an inputText the attribute of the chekbox next to it change to 'inline', and if the value is deleted the attribute of the checkbox change to 'none'. Im using Primfaces 3, here is my code. <pre><code><p:inputText id="inpValRezV" value="#{daniosParcialesBean.daniosParcialesDto.valorRezagoV}" onchange="hideCheckFromInput(this.value, 'chkValRezV');"/> <p:selectBooleanCheckbox widgetVar="chkValRezV" id="chkValRezV" value="#{daniosParcialesBean.daniosParcialesDto.mcaRezagoV}" /> </code></pre> And my javaScript code is: <pre><code> function hideCheckFromInput(valueInput, idCheckBox){ var chkBox = document.getElementById(idCheckBox); if(valueInput == ''){ chkBox.style.display = 'none'; }else{ chkBox.style.display = 'inline'; } } </code></pre> The last fragment of code doesn't works because getElementById is returning null!, however the next fragment works fine! <pre><code> function hideCheckFromInput(valueInput, idCheckBox){ var chkBox = document.getElementById('principalDaniosTotales:documentacion:frmNegociacion:chkValRezV') if(valueInput == ''){ chkBox.style.display = 'none'; }else{ chkBox.style.display = 'inline'; } } </code></pre> The problem is that i don't want to hardcode the full route of the checkbox, i'm trying to write a generic function to save lines of codes and reduce de javascript code. Thanks in advance! 
Tags
<javascript><jsf-2><primefaces><getelementbyid>
Title
Generic function to hide an element when an input changes it value
singulars
PostAcceptedAnswerId
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USCamauu
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 POGeneric function to hide an element when an input changes it value
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.