StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
11976937
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2012-08-15T20:41:48.437
FavoriteCount
0
LastActivityDate
2012-08-15T20:51:20.927
LastEditDate
2012-08-15T20:51:20.927
LastEditorUserId
1598462
OwnerUserId
1598462
ParentId
11976620
PostTypeId
2
Score
0
ViewCount
0
LastEditorDisplayName
text
Body
<p>Here is how it works. At the end of your "$(document).ready(function(){"-function add:</p> <pre><code>$("#right").click(function() { $("#makeMeScrollable").smoothDivScroll("option","autoScrollDirection","right"); }); $("#left").click(function() { $("#makeMeScrollable").smoothDivScroll("option","autoScrollDirection","left"); }); $("#backandforth").click(function() { $("#makeMeScrollable").smoothDivScroll("option","autoScrollDirection","backandforth"); }); </code></pre> <h2>Ok, What does that do?</h2> <ol> <li>You defined spans with ID's as "left", "right" and so on (e.g. <code><span id="left">left</span></code>). In jQuery you select them via a selector, which is a string describing what is to be selected. To select an element by ID the string starts with "#" followed by the ID. To execute a selector use $(selector) as $("#left") which selects the <span>-Tag with id="left";</li> <li>We want to assign a handler function for the click event to this selected element. So we write <code>$("#left").click( ... );</code>. And as a parameter we put in a function without parameters, which will be executed when the <span> is clicked on.</li> <li>Inside that event handler function we change the options of the smoothDivScroll.</li> </ol> <h2>More Info</h2> <ul> <li>The options are explained here: <a href="http://www.smoothdivscroll.com/options.html" rel="nofollow">http://www.smoothdivscroll.com/options.html</a></li> <li>And how to change options is explained here: <a href="http://www.smoothdivscroll.com/alteringOptions.html" rel="nofollow">http://www.smoothdivscroll.com/alteringOptions.html</a></li> </ul> <h2>Click vs. OnMouseOver</h2> <p>If you want to react to the mouseover event, just write <code>.mouseover(...)</code> instead of <code>.click(...)</code></p> <h3>Additionally: Bug in your CSS?</h3> <p>You should also fix your CSS, add a ";" behind 330px; and a "float: left;":</p> <pre><code>#makemescrollable { position: relative; width: 100%; height: 330px; float: left; } </code></pre>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POHow to make button for smoothDivScroll
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USSDwarfs
UserOwnerUserId
1. USSDwarfs
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.