StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POChange html to next item in array - jquery
primarykey
Id
19571071
data
AcceptedAnswerId
19571174
AnswerCount
1
ClosedDate
CommentCount
5
CommunityOwnedDate
CreationDate
2013-10-24T16:07:24.653
FavoriteCount
1
LastActivityDate
2013-10-24T16:11:47.777
LastEditDate
LastEditorUserId
0
OwnerUserId
2326886
ParentId
0
PostTypeId
1
Score
0
ViewCount
53
LastEditorDisplayName
text
Body
My first array, what I thought would be pretty simple just isn't (although my knowledge of js is pretty minimal). I'm trying to iterate through the array (in order) on a click event. So, on the front-end, you'll be presented with a fact and you'll click a button to view the next fact... simple idea. Q: When it's all working, at the end of the array, what will happen when the user clicks to see the next one? How would I go about handling that? JS <pre><code>$(document).ready( function() { function factsInit() { // Define all facts var factText = [ "Oxford won the first Boat Race, which took place on 10th June 1829 at Henley-on-Thames.", "In 2003, Oxford won the closest ever Boat Race by just one foot.", "Oxford coxswain Sue Brown became the first woman to participate in The Boat Race in 1981.", "Oxford's victorious 2009 Blue Boat was the heaviest in the history of the race at an average of 15st 9lb 13oz (99.7kg) per rower.", "In 2012, Oxford's reserve crew, Isis, beat Goldie by 5 lengths to set the course record for the reserve race at 16:41." ], factImage = [ "/clients/oubc/assets/img/factimage_firstrace.jpg", "/clients/oubc/assets/img/factimage_oubc2003.jpg", "/clients/oubc/assets/img/factimage_oubcsuebrown.jpg", "/clients/oubc/assets/img/factimage_oubc2009heaviestever.jpg", "/clients/oubc/assets/img/factimage_isis2012.jpg" ]; // Apply these facts $('#widget_facts .fact_text').html(factText[0]); $('#widget_facts .fact_image > *').attr('src', factImage[0]); // Go to next fact on click $('#widget_facts .link > a').click( function() { $('#widget_facts .fact_text').html(factText++); $('#widget_facts .fact_image > *').attr('src', factImage++); }); } // Run the first fact factsInit(); }); </code></pre>
Tags
<javascript><jquery><arrays>
Title
Change html to next item in array - jquery
singulars
PostAcceptedAnswerId
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USM_Willett
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. PO
 singulars
 PostTypePostTypeId
 PTAnswer
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 POChange html to next item in array - jquery
 UserUserId
 USM_Willett
 VoteTypeVoteTypeId
 VTFavorite
CommentsPostId

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.