StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
9049232
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2012-01-28T22:35:19.693
FavoriteCount
0
LastActivityDate
2012-01-28T23:10:22.597
LastEditDate
2012-01-28T23:10:22.597
LastEditorUserId
1021122
OwnerUserId
1021122
ParentId
9049182
PostTypeId
2
Score
3
ViewCount
0
LastEditorDisplayName
text
Body
<p>Try the jQuery Tooltip:<br /></p> <p><strong>Here is an example according to your request:</strong><br /> <a href="http://jsfiddle.net/cadence96/3X2eZ/" rel="nofollow">http://jsfiddle.net/cadence96/3X2eZ/</a></p> <p><strong>DOCS</strong><br /> <a href="http://docs.jquery.com/Plugins/Tooltip" rel="nofollow">http://docs.jquery.com/Plugins/Tooltip</a><br /> <a href="http://jquery.bassistance.de/tooltip/demo/" rel="nofollow">http://jquery.bassistance.de/tooltip/demo/</a><br /></p> <p><strong>Quick instructions:</strong><br /> 1) Within the <head> load the css and scripts:</p> <pre><code><link href="http://jquery.bassistance.de/tooltip/jquery.tooltip.css" rel="stylesheet" type="text/css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="http://jquery.bassistance.de/tooltip/jquery.tooltip.js" type="text/javascript"></script> </code></pre> <p>2) Still within the <head> place the execution script:</p> <pre><code><script type="text/javascript"> $(document).ready(function() { $(".your-div").tooltip({ track: true, delay: 0, showURL: false, fade: 250, bodyHandler: function() { return $($(this).next().html()); }, showURL: false }); }); </script> </code></pre> <p>The class '.my-div' will be used to display the image with the hover event.<br /> The sibling div to '.my-div' must contain the hidden elements to make visible after hovering.<br /></p> <pre><code><ul> <li> <div class="my-div">  </div> <div class="active-hover"> <br />  </div> </li> </ul> </code></pre> <p>That's all!</p>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POMake CSS hover stay within viewport
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USRicardo Castañeda
UserOwnerUserId
1. USRicardo Castañeda
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. 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
  VTUpMod
3. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId
1. COThis is a great answer, but it introduces a whole new set of issues. I'd need to remove the background transparency and to set the offset images to appear from the topleft corner of the image. I'm not seeing how to address either one of those issues in the documentation. :/ Thanks!
  singulars
  PostPostId
  PO
  UserUserId
  USYazmin

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.