StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
3314541
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2010-07-23T00:28:01.697
FavoriteCount
0
LastActivityDate
2011-12-14T22:50:58.030
LastEditDate
2011-12-14T22:50:58.030
LastEditorUserId
200322
OwnerUserId
200322
ParentId
3312141
PostTypeId
2
Score
4
ViewCount
0
LastEditorDisplayName
text
Body
<p>Your code for changing the options works fine. It seems IE8 isn't handling a "fast" second-click with the <code>click</code> event but rather expects a <code>double click</code> to be handled.</p> <p>Using my test code below, you'll notice that in IE8 writes out the following when <code>Move Down/Up</code> is pressed "fast":</p> <pre><code>Move Down Click Move Down Double-Click Move Down Click Move Down Double-Click </code></pre> <p>But with FF/Chrome the following is printed:</p> <pre><code>Move Down Click Move Down Click Move Down Double-Click Move Down Click Move Down Click Move Down Double-Click </code></pre> <p>Here's the code I'm using to test. I haven't done any tests to see if it's jQuery's event binders that are causing the issues. </p> <pre><code><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Test</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script> </head> <body> <select id="list" multiple="multiple"> <option value="option1">Option 1</option> <option value="option2">Option 2</option> <option value="option3">Option 3</option> </select> <button id="mup">Move Up</button> <button id="mdown">Move Down</button> <script type="text/javascript"> var $DEBUG = null; $(document).ready(function () { $DEBUG = $("#debug"); $DEBUG.append("Registering Events<br />"); $("#mup").click(moveUpItem); $("#mdown").click(moveDownItem); $("#mup").bind("dblclick", function () { $DEBUG.append("Move Up Double-Click<br />"); }); $("#mdown").bind("dblclick", function () { $DEBUG.append("Move Down Double-Click<br />"); }); }); function moveUpItem() { $DEBUG.append("Move Up Click<br />"); } function moveDownItem() { $DEBUG.append("Move Down Click<br />"); } </script> <div id="debug" style="border: 1px solid red"> </div> </body> </html> </code></pre> <p><strong>EDIT:</strong> I can confirm <em>it is</em> IE8 that is the problem. Swap this IE8-specific code in the $(document).ready() handler:</p> <pre><code>// $("#mup").click(moveUpItem); $("#mup")[0].attachEvent("onclick", moveUpItem); // $("#mdown").click(moveDownItem); $("#mdown")[0].attachEvent("onclick", moveUpItem); // $("#mup").bind("dblclick", function () $("#mup")[0].attachEvent("ondblclick", function () { $DEBUG.append("Move Up Double-Click<br />"); }); // $("#mdown").bind("dblclick", function () $("#mdown")[0].attachEvent("ondblclick", function () { $DEBUG.append("Move Down Double-Click<br />"); }); </code></pre>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POmoving select options up and down via jquery
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USTheCloudlessSky
UserOwnerUserId
1. USTheCloudlessSky
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. POmoving select options up and down via jquery
  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
  VTUpMod
2. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTAcceptedByOriginator
3. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
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.