StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
16408502
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-05-06T22:45:48.897
FavoriteCount
0
LastActivityDate
2013-05-06T23:05:28.147
LastEditDate
2013-05-06T23:05:28.147
LastEditorUserId
1615483
OwnerUserId
1615483
ParentId
16408367
PostTypeId
2
Score
1
ViewCount
0
LastEditorDisplayName
text
Body
To simply randomise the order of an <a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array" rel="nofollow">Array</a>, you could do something like this <pre><code>function shuffleArray(a) { // Fisher-Yates shuffle var i = a.length, t, j; while (--i) { // loop over each item in array (except 0 because no point) j = (Math.random() * (i+1)) | 0; // random Int j <= i t = a[i], a[i] = a[j], a[j] = t; // swap items i and j } } </code></pre> You'll need to convert your <a href="https://developer.mozilla.org/en/docs/DOM/HTMLCollection" rel="nofollow">HTMLCollection</a> to something non-live so you can use it more easily, for example use <pre><code>elements1 = document.getElementById('elements1'); // cache for later nodes1 = Array.prototype.slice.call(elements1.children); // children to Array elements2 = document.getElementById('elements2'); nodes2 = Array.prototype.slice.call(elements2.children); </code></pre> Now for the thing you actually want to randomise (if you don't want to modify the function above to shuffle two arrays at the same time, see below) <pre><code>i = nodes1.length, a = new Array(i); while (i--) a[i] = i; // a = [0, 1, 2, 3, ...] </code></pre> Now simply randomise <code>a</code>, and re-append the nodes following the new order of numbers <pre><code>shuffleArray(a); // a = e.g. [4, 8, 2, 5, ...] for (i = 0; i < nodes1.length; ++i) { elements1.appendChild(nodes1[a[i]]); // append in new order elements2.appendChild(nodes2[a[i]]); } </code></pre> <a href="http://jsfiddle.net/H4Crr/3/" rel="nofollow">Demo</a>. I've ignored <code>var</code> but remember to use it as applicable. <hr> Decided to add a modified version of the shuffle for 2 Arrays, as this will most likely be much faster. <pre><code>function shuffleTwoArrays(a, b) { // Shuffle 2 arrays same length in same way var i = a.length, t, j; while (--i) { // loop over each item in array (except 0 because no point) j = (Math.random() * (i+1)) | 0; // random Int j <= i t = a[i], a[i] = a[j], a[j] = t; // swap items i and j in a t = b[i], b[i] = b[j], b[j] = t; // swap items i and j in b } } </code></pre> Here you would just do <pre><code>shuffleTwoArrays(nodes1, nodes2); // shuffle both the same for (i = 0; i < nodes1.length; ++i) { elements1.appendChild(nodes1[i]); // re-append to achieve new order elements2.appendChild(nodes2[i]); } </code></pre> <a href="http://jsfiddle.net/H4Crr/4/" rel="nofollow">Demo</a>.
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POHow can I randomize the order of two sets of elements in jquery/javascript, so that they remain in sync with each order?
 singulars
 PostTypePostTypeId
 PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USPaul S.
UserOwnerUserId
1. USPaul S.
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
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.