StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POHighlight individual characters and then refreshing the screen to ONLY those characters
primarykey
Id
18677893
data
AcceptedAnswerId
18678059
AnswerCount
1
ClosedDate
CommentCount
2
CommunityOwnedDate
CreationDate
2013-09-07T21:02:51.987
FavoriteCount
0
LastActivityDate
2013-09-07T21:55:54.393
LastEditDate
2013-09-07T21:55:54.393
LastEditorUserId
1813867
OwnerUserId
1813867
ParentId
0
PostTypeId
1
Score
1
ViewCount
172
LastEditorDisplayName
text
Body
I am new to Javascript (but I like it so far!) and I have a pretty basic little project I'm working on. One component requires me to select characters and then click a button and refresh the screen with JUST the ones that are highlighted. I got the highlighting functionality working using Jquery but I'm wondering about the refresh component. Whats the best way to approach this? EDIT: I guess I should provide a few more details. This list of characters could potentially be very long. Like a few hundred or more. Also after somebody clicks and highlights the characters two things need to happen when they click submit. One the database needs to be informed which characters were highlighted and keep a tally (this is the reason I tagged each span with a unique ID), and two the screen needs to refresh with just the highlighted characters shuffled into random order. So I think what I'm looking for is a way to capture these highlighted characters into a JSON array. Then I can forward the information to the server, process it, and reload the screen with the new (smaller) list shuffled. This process could potentially repeat. Does that help inform design decisions? I'm not sure how to use java script to capture the highlighted characters. <pre><code><HTML> <HEAD> <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> <style type="text/css"> span.highlight {background-color: #FFFF00;} </style> <script type="text/javascript"> $(document).ready(function() { $("body").on("click",".letter", function () { var $this = $(this); $this.addClass("highlight"); }); }); </script> </HEAD> <BODY> A B C D E F G H I J K L M N O P Q R S T U V W X Y Z <input type="button" onclick="Reduce()" value="Remove Non Highlighted Chars"> </BODY> </HTML> </code></pre>
Tags
<javascript><jquery>
Title
Highlight individual characters and then refreshing the screen to ONLY those characters
singulars
PostAcceptedAnswerId
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USuser1813867
UserOwnerUserId
1. USuser1813867
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. COSomething like `$('.letter').hide();$('.highlight').show();`?
 singulars
 PostPostId
 POHighlight individual characters and then refreshing the screen to ONLY those characters
 UserUserId
 USMasterAM
2. COSee my Edit, I think I was too vague before but I'm guessing a simple "hide" action is not enough in this case.
 singulars
 PostPostId
 POHighlight individual characters and then refreshing the screen to ONLY those characters
 UserUserId
 USuser1813867

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.