StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POgetElementById breaks script
primarykey
Id
5326810
data
AcceptedAnswerId
5326917
AnswerCount
2
ClosedDate
CommentCount
5
CommunityOwnedDate
CreationDate
2011-03-16T14:35:32.890
FavoriteCount
1
LastActivityDate
2011-08-09T12:13:29.883
LastEditDate
2011-03-16T16:59:08.373
LastEditorUserId
621153
OwnerUserId
621153
ParentId
0
PostTypeId
1
Score
1
ViewCount
1213
LastEditorDisplayName
text
Body
<p>I'm working on a little project, but I'm stuck and don't know what I'm doing wrong.<br> I use Ajax to call a php-script that updates a MYSQL-row.</p> <p>The javascript:</p> <pre><code>function savecust() { if (window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest(); } else { xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("custdetails").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","./ajax/savecust.php?id=" + document.getElementById('id').value,true); //More arguments should still be passed. xmlhttp.send(); } </code></pre> <p>If I remove the <code>document.getElementById('id').value</code> the script works and does what is is supposed to do. (I get the response from the PHP, obviously</p> <p>I load the script in the head of the page along with some other scripts:</p> <pre><code><script src="js/custedit.js" type="text/javascript"></script> </code></pre> <p>This is how I call the script:</p> <pre><code><input type='button' onclick='savecust()' value='Save' /> </code></pre> <p>Any help would be greatly appreciated ;-).</p> <p>Thanks!</p> <h2>EDIT</h2> <ul> <li>The div where the content should go, exists.</li> <li>The PHP-scripts returns an error for now (because it doesn't get all the required parameters)</li> <li>The content (and textfield with id: 'id') is loaded by another script. Is this a problem? If you look at the source in a browser the textfields are not there. They are however visible in the browser. </li> </ul> <h2>EDIT 2</h2> <p>So, I ran this test on top of my script:</p> <pre><code>var thisid = 'id';//should get info from <input type='text' name='id' /> var T = document.getElementById(thisid); if (T) { alert("element exists" + T.value); } else { alert("nothing to be found"); } </code></pre> <p>It is indeed unable to find the element. This pointed me in the right direction.<br> <code><input type='text' name='id' /></code>is inserted by another Ajax-script. So I think the second script is unable to find it.</p> <p>How do I solve this?</p>
Tags
<javascript><ajax>
Title
getElementById breaks script
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USBart De Vos
UserOwnerUserId
1. USBart De Vos
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
  POgetElementById breaks script
  UserUserId
  USmplungjan
  VoteTypeVoteTypeId
  VTFavorite
2. VO
  singulars
  PostPostId
  POgetElementById breaks script
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTDownMod
3. VO
  singulars
  PostPostId
  POgetElementById breaks script
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId

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.