StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POHiding the form once data saved in javascript
primarykey
Id
16088610
data
AcceptedAnswerId
16088776
AnswerCount
2
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-04-18T16:40:03.583
FavoriteCount
0
LastActivityDate
2013-04-18T16:54:01.353
LastEditDate
LastEditorUserId
0
OwnerUserId
2296018
ParentId
0
PostTypeId
1
Score
1
ViewCount
149
LastEditorDisplayName
text
Body
<p>Hi I've done a lot of searching round but can't find anything concrete or that i can get working in my example. Was wondering if anyone could help. I've never used javascript before but have been asked for an assessment to code a piece of software to keep track of a score in a ten pin bowling game. I'm reading up as much as I can but there are a few things I'm still struggling on. I've made a form for the players to input their names and I want to be able to hide the form once they have inputted their names, thus making the interface look less cluttered. Have tried numerous methods but none seem to work for me, I've tried placing the form in a div and using an onClick event to hide the div but it doesn't seem to recognise the div etc, was looking for a few pointers, have taken my failed attempts out of the code to try and give a clear code for you to look at, thank you in advance </p> <pre><code><!DOCTYPE html> <html> <head> <script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script class="jsbin" src="http://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script> <meta charset=utf-8 /> <title>JS Bin</title> <style> article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; } </style> <style id="jsbin-css"> </style> <script> function myFunction() { document.getElementById("formy").innerHTML="My First JavaScript Function"; } </script> </head> <body> <p id="formy"><form> <h1>Please enter player names!</h1> <input id="player1" type="text" placeholder="Player 1" /> <input id="player2" type="text" placeholder="Player 2" /> <input id="player3" type="text" placeholder="Player 3" /> <input id="player4" type="text" placeholder="Player 4" /> <input id="player5" type="text" placeholder="Player 5" /> <input id="player6" type="text" placeholder="Player 6" /> <input type="button" value="Save/Show" onclick="insert(),close.this", /> </form></p> <div id="display"></div> <script> var titles = []; var names = []; var tickets = []; var player1Input = document.getElementById("player1"); var player2Input = document.getElementById("player2"); var player3Input = document.getElementById("player3"); var player4Input = document.getElementById("player4"); var player5Input = document.getElementById("player5"); var player6Input = document.getElementById("player6"); var messageBox = document.getElementById("display"); function insert ( ) { titles.push( player1Input.value ); names.push( player2Input.value ); tickets.push( player3Input.value ); clearAndShow(); } function clearAndShow () { // Show our output messageBox.innerHTML = ""; messageBox.innerHTML += "<td>*" + player1Input.value + "<br/><td/>"; messageBox.innerHTML += "*" + player2Input.value + "<br/>"; messageBox.innerHTML += "*" + player3Input.value +"<br/>"; messageBox.innerHTML += "*" + player4Input.value + "<br/>"; messageBox.innerHTML += "*" + player5Input.value + "<br/>"; messageBox.innerHTML += "*" + player6Input.value; // Clear fields titleInput.value = ""; nameInput.value = ""; ticketInput.value = ""; } </script> </body> </html> </code></pre>
Tags
<javascript><forms><html><onclick><hide>
Title
Hiding the form once data saved in javascript
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. USDanny
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
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POHiding the form once data saved in javascript
  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.