StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
19931105
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
9
CommunityOwnedDate
CreationDate
2013-11-12T13:57:13.113
FavoriteCount
0
LastActivityDate
2013-11-13T14:46:50.750
LastEditDate
2013-11-13T14:46:50.750
LastEditorUserId
1158469
OwnerUserId
1158469
ParentId
19931029
PostTypeId
2
Score
0
ViewCount
0
LastEditorDisplayName
text
Body
<p>You can attach a click function to the div like so:</p> <pre><code>$('#feedback').html("<h2>Your message has been sent!</h2>") .append("<p>Click anywhere to hide this message.</p>") .hide() .fadeIn() .click(function(){ // Hide the div and remove it $(this).fadeOut(function(){ $(this).remove(); }); )}; </code></pre> <p>Or if you'd just like to auto hide the message you could use the jQuery <code>delay()</code> function or simply <code>setTimeout</code>. Here's how you'd use the <code>delay()</code> function:</p> <pre><code>$('#feedback').html("<h2>Your message has been sent!</h2>") .append("<p>Click anywhere to hide this message.</p>") .hide() .fadeIn() .delay(1000) .fadeOut(); </code></pre> <p>Alternatively here's an example using a <code>setTimeout</code> funciton:</p> <pre><code>setTimeout(function(){ $('#feedback').hide(); }, 1000); </code></pre> <p>The <code>1000</code> here relates to the number of milliseconds to wait before executing the code.</p> <pre><code>1000 miliseconds = 1 second </code></pre> <hr> <p><strong>EDIT:</strong></p> <p>Ok so to make sure you're not replacing the form you need to append the message instead like this:</p> <pre><code>$('#send-message').append("<div id='feedback'></div>"); </code></pre> <p>You can also temporarily hide the form and then show it once you're user has dismissed the feedback message:</p> <pre><code>$('#send-message form').hide(); // Add show form to the click function .click(function(){ // Hide the div and remove it $(this).fadeOut(function(){ $(this).remove(); $('#send-message form').show(); }); )}; </code></pre> <hr> <p><strong>FURTHER EDIT:</strong></p> <pre><code>// Simple jQuery Plugin $.fn.clearForm = function() { $this = this; // Find inputs $this.find('input[type=text], select').val(''); $this.find('input[type=checkbox]').removeAttr('checked'); }; // Usage $('#form').clearForm(); </code></pre> <p>Example here: <a href="http://jsfiddle.net/dUQ9T/5/" rel="nofollow">http://jsfiddle.net/dUQ9T/5/</a></p>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POHiding div after ajax submit
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USSteve O
UserOwnerUserId
1. USSteve O
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. POHiding div after ajax submit
  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
  VTAcceptedByOriginator
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.