StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POTwo Tables Add New Row Button - Conflicting
primarykey
Id
20553560
data
AcceptedAnswerId
20553644
AnswerCount
1
ClosedDate
CommentCount
2
CommunityOwnedDate
CreationDate
2013-12-12T20:27:33.167
FavoriteCount
0
LastActivityDate
2013-12-12T20:38:53.013
LastEditDate
2013-12-12T20:38:53.013
LastEditorUserId
2768500
OwnerUserId
2768500
ParentId
0
PostTypeId
1
Score
0
ViewCount
39
LastEditorDisplayName
text
Body
<p>I have two tables, each with different ID's. I have a button below each table that adds a row (or so I want it to happen). When I just have the one button to click it works but when I introduce another, the buttons on both tables no longer work so I'm guessing there is a conflict between the two. Here are the tables:</p> <p>Table 1</p> <pre><code><table id='addTable' class='tableclass' width='655' border='1'> <tr> <td>Column 1</td><td>Column 2</td> </tr> </table> <button type='button' onclick='displayResult()'>Add New Row</button> </code></pre> <p>Table 2 </p> <pre><code><table id='editTable' class='tableclass' width='655' border='1'> <tr> <td>Column 1</td><td>Column 2</td> </tr> </table> <button type='button' onclick='displayResultEdit()'>Add New Row</button> </code></pre> <p>The javascript:</p> <pre><code>function displayResult() { var table=document.getElementById("addTable"); var row=table.insertRow(2); var cell1=row.insertCell(0); var cell2=row.insertCell(1); cell1.innerHTML="Additional row to column one on the Add table"; cell2.innerHTML="Additional row to column two on the Add table"; } function displayResultEdit() { var table=document.getElementById("editTable"); var row=table.insertRow(2); var cell1=row.insertCell(0); var cell2=row.insertCell(1); cell1.innerHTML="Additional row to column one on the Edit table"; cell2.innerHTML="Additional row to column two on the Edit table"; } </code></pre> <p>This is saved in a .js file and called upon below the tables. As I said, the table row gets added if only one table is present (and the top set of javascript) but when I introduce another, when you click the button nothing happens.</p> <p>Hope you can help..</p>
Tags
<javascript>
Title
Two Tables Add New Row Button - Conflicting
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USandy
UserOwnerUserId
1. USandy
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. COAs pointed out in a now deleted answer, you don't close your `<table>` you are missing the `/` so you actually have two opening tags per table. Not causing the problem, but you should fix that.
  singulars
  PostPostId
  POTwo Tables Add New Row Button - Conflicting
  UserUserId
  USJames Montagne
2. COSorry I wrote the <table> on here by mistake, they did have </table> at the end.
  singulars
  PostPostId
  POTwo Tables Add New Row Button - Conflicting
  UserUserId
  USandy

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.