StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
6877221
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2011-07-29T18:10:02.277
FavoriteCount
0
LastActivityDate
2011-07-29T18:10:02.277
LastEditDate
LastEditorUserId
0
OwnerUserId
850828
ParentId
6837692
PostTypeId
2
Score
0
ViewCount
0
LastEditorDisplayName
text
Body
bombedmetor, Greg Guida's tip on including an external script will allow you to create an awesome, clean bookmarklet-based toolbar. Why? Because you'll be able to use JavaScript libraries like JQuery, etc. Here's a quick example along the lines you asked for to help get you started. The bookmarklet creates a div element with a link to the Stack Overflow homepage. <pre><code>javascript:void(function(){var divElmt=document.createElement('div');link1=document.createElement('a'); link1.href='http://stackoverflow.com';link1.innerHTML='StackOverflow Homepage';divElmt.style.backgroundColor='yellow';divElmt.style.position='fixed';divElmt.style.top='0px';divElmt.style.width='10em';divElmt.style.height='5em'; divElmt.style.border='solid red 4px';divElmt.style.zIndex='100'; divElmt.appendChild(link1);document.body.appendChild(divElmt);})(); </code></pre> To use the above bookmarklet, you create a new bookmark in your favorite browser and add the code above where you would normally place the URL. The code does the following: <ol> <li>Creates a new div element.</li> <li>Creates a new anchor element and sets the value of the href attribute.</li> <li>Assigns some basic values to the style attributes of the new div (so you can see it easily).</li> <li>Appends the anchor as a child element of the new div.</li> <li>Appends the new div element as a child of the body element.</li> </ol> If all goes well, you should see a yellow box with a link to the Stack Overflow homepage at the top-right of your page after using the bookmarklet. bombedmetor - I hope this helps get you started. After you get comfortable with how these things work, you can apply Greg's wisdom to create your toolbar bookmarklet in a way that can be added to people's browsers with just a click or two. Something to keep in mind: As Greg indicates, bookmarklet code is treated as the contents of the href attribute of an anchor element. This is why I used single quotes in the code above. Some sites/articles to check out: <ul> <li><a href="http://en.wikipedia.org/wiki/Bookmarklets" rel="nofollow">http://en.wikipedia.org/wiki/Bookmarklets</a></li> <li><a href="http://www.latentmotion.com/how-to-create-a-jquery-bookmarklet/" rel="nofollow">http://www.latentmotion.com/how-to-create-a-jquery-bookmarklet/</a></li> </ul>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POHow do I create a Toolbar/ Bookmarklet using Javascript?
 singulars
 PostTypePostTypeId
 PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USMarcus Barnes
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. This table or related slice is empty.
CommentsPostId
1. This table or related slice is empty.

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.