StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POJQuery quiz app - highlight unordered list entry and call function
primarykey
Id
5265500
data
AcceptedAnswerId
5265589
AnswerCount
1
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2011-03-10T20:25:44.537
FavoriteCount
0
LastActivityDate
2011-03-10T20:34:42.723
LastEditDate
LastEditorUserId
0
OwnerUserId
654211
ParentId
0
PostTypeId
1
Score
0
ViewCount
413
LastEditorDisplayName
text
Body
I'm creating a quiz app with JQuery, JQtouch & Phonegap. The main screen shows a question in one unordered list, then 5 possible answers in the second list. The info is pulled from an sqlite db and the page dynamically created. I want the user to be able to click on a row in the answer ul, which will then highlight that row, unhighlight any other entries in the unordered (answer) list and call a function. I've looked through reams of example code, but can't get my head around the implementation. My page contains a div: <pre><code><div id="answer_template2"></div> </code></pre> which is filled by the database query & dynamically built page: <pre><code> var questionHTML = "<ul class=\"rounded\" id="question">"; var answerHTML = "<ul class=\"rounded\" id="answers">"; for (var i=0; i<results.rows.length; i++) { var row = results.rows.item(i); questionHTML += '<li>'+row['question_text']+'</li>\n'; answerHTML += '<li>'+row['answer1_text']+'</li>\n'; answerHTML += '<li>'+row['answer2_text']+'</li>\n'; answerHTML += '<li>'+row['answer3_text']+'</li>\n'; answerHTML += '<li>'+row['answer4_text']+'</li>\n'; answerHTML += '<li>'+row['answer5_text']+'</li>\n'; questionHTML +='</ul>'; answerHTML +='</ul>'; //alert(questionHTML); // ouput database result into question_template id section of page document.getElementById('question_template2').innerHTML = questionHTML; document.getElementById('answer_template2').innerHTML = answerHTML; </code></pre> I've also got a function: <pre><code> $("li").click(function() { alert("yes"); }); </code></pre> which pops up the alert when a static li element is clicked but not when any of my dynamically created list elements are selected but can't figure out how to put it all together. Any help would be gratefully received! Thanks, Nick.
Tags
<jquery><iphone><cordova><html-lists>
Title
JQuery quiz app - highlight unordered list entry and call function
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. UShairyllama
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. This table or related slice is empty.
CommentsPostId
1. COdo you bind the click event every time you refresh the list?
 singulars
 PostPostId
 POJQuery quiz app - highlight unordered list entry and call function
 UserUserId
 USyoavmatchulsky

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.