StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POshow div based on textbox value
primarykey
Id
19161433
data
AcceptedAnswerId
19162075
AnswerCount
1
ClosedDate
CommentCount
7
CommunityOwnedDate
CreationDate
2013-10-03T14:07:52.553
FavoriteCount
0
LastActivityDate
2013-10-03T14:56:16.087
LastEditDate
2013-10-03T14:56:16.087
LastEditorUserId
2740259
OwnerUserId
2740259
ParentId
0
PostTypeId
1
Score
0
ViewCount
1627
LastEditorDisplayName
text
Body
<p>I have a input field that gets it value from a db lets say the value is M,K,H,J,V or G depending on the value it needs to open the div with aaa,bbb,ccc,ddd,eee or fff as text.</p> <p>The code that is displayed on the page is as followed i left out the retrieval part from the db that part is working (the input box shows M,K,H,J,V or G depending on the id.)</p> <pre><code>echo "<input type='text' name='periode' id='periode' data-related-item='" .$row['periode']. "' value='" .$row['periode']. "'>"; echo "<div class='hidden'><div id='M'>aaa</div></div>"; echo "<div class='hidden'><div id='K'>bbb</div></div>"; echo "<div class='hidden'><div id='H'>ccc</div></div>"; echo "<div class='hidden'><div id='J'>ddd</div></div>"; echo "<div class='hidden'><div id='V'>eee</div></div>"; echo "<div class='hidden'><div id='G'>fff</div></div>"; </code></pre> <p>When i check the source code in developer mode it shows that the data-related-item part is correctly retrieved from the db:</p> <pre><code><input type="text" name="periode" id="periode" data-related-item="M" value="M"> </code></pre> <p>I want to use the following JS but i need to change it to work with textboxes.</p> <pre><code><script type="text/javascript"> function evaluate1(){ var item = $(this); var relatedItem = $("#" + item.attr("data-related-item")).parent(); if(item.is(":checked")){ relatedItem.fadeIn(); }else{ relatedItem.fadeOut(); } } $('input[type="checkbox"]').click(evaluate1).each(evaluate1); </script> </code></pre> <p>The simplest approach is offcourse changing:</p> <pre><code>$('input[type="checkbox"]').click(evaluate1).each(evaluate1); </code></pre> <p>into</p> <pre><code>$('input[type="textbox"]').click(evaluate1).each(evaluate1); </code></pre> <p>But what do i need to do with:</p> <pre><code>if(item.is(":checked")){ </code></pre> <p>Thanks for any help in advance.</p> <p>I tried the following but it aint working.</p> <pre><code>if(item.is("M||K||H||J||V||G")){ </code></pre> <p><strong>SOLUTION BY ROBERT ROZAS</strong></p> <p>The solution is in jsfiddle </p> <p><a href="http://jsfiddle.net/dXTtz/7/" rel="nofollow">http://jsfiddle.net/dXTtz/7/</a></p>
Tags
<javascript><php><html><textbox>
Title
show div based on textbox value
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USHennySmafter
UserOwnerUserId
1. USHennySmafter
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. This table or related slice is empty.
CommentsPostId

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.