StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
3701601
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2010-09-13T14:58:51.993
FavoriteCount
0
LastActivityDate
2010-09-21T19:01:08.080
LastEditDate
2017-05-23T11:45:40.193
LastEditorUserId
-1
OwnerUserId
83528
ParentId
3701303
PostTypeId
2
Score
2
ViewCount
0
LastEditorDisplayName
text
Body
<p>Your best bet would be to add functionality to the existing <code><input type="text"></code> using javascript. </p> <p>I don't know how you would create your own textbox as browsers just interpret html which only contain the predefined elements in the HTML specification (apart from certain exceptions such as ActiveX).</p> <p>As a solution regarding to what you want you can capture every keypress using the onKeyUp event of your document. You can catch every keypress and display them to your liking.</p> <p>small example:</p> <pre><code><script type="text/javascript"> document.onkeyup = KeyCheck; function KeyCheck() { var keyID = event.keyCode; var keypressed; switch(keyID) { case 16: keypressed = "Shift"; break; case 17: keypressed = "Ctrl"; break; case 18: keypressed = "Alt"; break; case 19: keypressed = "Pause"; break; case 37: keypressed = "Arrow Left"; break; case 38: keypressed = "Arrow Up"; break; case 39: keypressed = "Arrow Right"; break; case 40: keypressed = "Arrow Down"; break; } document.write(keypressed); } </script> </code></pre> <p>for a list of all the keycodes see <a href="http://www.cambiaresearch.com/c4/702b8cd1-e5b0-42e6-83ac-25f0306e3e25/Javascript-Char-Codes-Key-Codes.aspx" rel="nofollow noreferrer">here</a>.</p> <p><strong>[Update]</strong><br> I just saw that you are also want to know when someone selects text and luckily for you there are also events that handle this:</p> <p>An <code><INPUT TYPE = "text"></code> aswell as a <code><TEXTAREA></code> have an <code>.onSelect</code> event which you can capture. Then you can get the selected text using the method you find on this other StackOverflow Question: <a href="https://stackoverflow.com/questions/275761/how-to-get-selected-text-from-textbox-control-with-javascript">How to get selected text from textbox control with javascript</a></p> <p>If you are working heavily in javascript I suggest you take a look at <a href="http://jquery.com/" rel="nofollow noreferrer">JQuery</a> (if you haven't already). It will definitely make your life easier.</p>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POWriting a custom text box for web pages
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USCommunity
UserOwnerUserId
1. USPeter
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. POWriting a custom text box for web pages
  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
  VTAcceptedByOriginator
2. 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.