StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
11372554
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
2
CommunityOwnedDate
CreationDate
2012-07-07T05:32:03.147
FavoriteCount
0
LastActivityDate
2012-07-07T06:16:33.797
LastEditDate
2012-07-07T06:16:33.797
LastEditorUserId
778418
OwnerUserId
778418
ParentId
11372463
PostTypeId
2
Score
1
ViewCount
0
LastEditorDisplayName
text
Body
<p>One important thing: you should write <a href="http://en.wikipedia.org/wiki/Unobtrusive_JavaScript" rel="nofollow">unobtrusive JavaScript</a>, as it is considered best practice. With it, you can maintain a separation of content from code. Thus, the first step is to remove that <code>onclick</code> handler on the <code><button></code> element.</p> <p>I'm assuming you want to click the button that says "click for hide" to hide the <code><div></code>. Okay, so let's get some skeleton code out into the <code><script></code>:</p> <pre><code>$(document).ready(function() { $(<button>).click(function() { $(<div>).hide(); }); }); </code></pre> <p>But we need to somehow link that <code>click</code> handler to that button, and link that <code>hide</code> function to the actual <code>div</code>. Here's the easiest way to do this: give your <code><button></code> and <code><div></code> some ids. Let's say...</p> <pre><code><button id="hide-button">...</button> <div id="hide-div">...</div> </code></pre> <p>Now, we simply need to make a few modifications to our skeleton code:</p> <pre><code>$("#hide-button").click(function() { $("#hide-div").hide(); }); </code></pre> <p>Here's what this simple code does. When your DOM loads, a nameless function (you can't name functions that you define on the fly*) is invoked from the document's ready event. This nameless function attaches the <code>click</code> handler to your <code>#hide-button</code> button, so that when you click the button, another anonymous function is invoked. That function calls <code>hide</code>, which does some jQuery magic that works in all browsers, on that <code>#hide-div</code> div to hide it.</p> <p>*Well, you can, but only if you define them first and then pass them. Like this:</p> <pre><code>var fn = function() {...}; $(document).ready(fn); </code></pre> <p><strong>Edit</strong></p> <p>Since the asker does not want to use IDs or classes, here's an alternative solution:</p> <pre><code><script> function hide() { $('div').hide(); } </script> ... <button onclick="hide()">click for hide</button> <div></div> </code></pre> <p>Be careful not to place <code>function hide()</code> within jQuery's document-ready idiom. Doing so will deny you access to <code>hide()</code> because of scoping.</p>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POparameter function in jquery
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USkibibyte
UserOwnerUserId
1. USkibibyte
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. POparameter function in jquery
  singulars
  PostTypePostTypeId
  PTQuestion
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
2. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTAcceptedByOriginator
CommentsPostId
1. COactually i have two button in html and i dont wana give them id or class that why i want to use parameter. like <button onclick="hide(this)">
  singulars
  PostPostId
  PO
  UserUserId
  USCarlos
2. COEdited for that solution
  singulars
  PostPostId
  PO
  UserUserId
  USkibibyte

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.