StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
15884979
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
2
CommunityOwnedDate
CreationDate
2013-04-08T17:10:02.347
FavoriteCount
0
LastActivityDate
2013-04-08T17:10:02.347
LastEditDate
LastEditorUserId
0
OwnerUserId
96100
ParentId
15867542
PostTypeId
2
Score
8
ViewCount
0
LastEditorDisplayName
text
Body
Your problem is that selections work slightly differently between browsers when one or both of the selection boundaries coincide with DOM node boundaries. For example, if the user selected the word "bar" in page content with the following HTML <pre><code>foobar </code></pre> ... there are four different possible locations for the selection start that all look visually identical to the user: <ol> <li>At the end of the "foo" text node (node "foo", offset 3)</li> <li>After one child node of the <code></code> element (node <code></code>, offset 1)</li> <li>After zero children of the <code></code> element (node <code></code>, offset 0)</li> <li>At character index 0 of the "bar" text node (node "bar", offset 0)</li> </ol> Most browsers do not allow all these positions in practice, but unfortunately different browsers make different choices. In Firefox, the selection you've made selects the whole <code></code> element and the selection range's <code>startContainer</code> is the <code></code>'s parent node. You could detect this by examining the range to see if it selects a single node: <pre><code>function rangeSelectsSingleNode(range) { var startNode = range.startContainer; return startNode === range.endContainer && startNode.hasChildNodes() && range.endOffset === range.startOffset + 1; } </code></pre> You can use this to detect what kind of selection you have and obtain the selected element accordingly: <pre><code>var selectedElement = null; if (rangeSelectsSingleNode(range)) { // Selection encompasses a single element selectedElement = range.startContainer.childNodes[range.startOffset]; } else if (range.startContainer.nodeType === 3) { // Selection range starts inside a text node, so get its parent selectedElement = range.startContainer.parentNode; } else { // Selection starts inside an element selectedElement = range.startContainer; } </code></pre>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. PORange object , get Selection parent node Chrome vs Firefox
 singulars
 PostTypePostTypeId
 PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USTim Down
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. PORange object , get Selection parent node Chrome vs Firefox
 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
1. COThanks!!!! It's perfect!!!
 singulars
 PostPostId
 PO
 UserUserId
 USValerio Cicero

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.