StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POJavaScript subtraction problem
primarykey
Id
1754126
data
AcceptedAnswerId
1754188
AnswerCount
6
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2009-11-18T06:55:40.627
FavoriteCount
0
LastActivityDate
2009-11-18T07:32:53.073
LastEditDate
2009-11-18T07:31:45.370
LastEditorUserId
63550
OwnerUserId
213528
ParentId
0
PostTypeId
1
Score
0
ViewCount
521
LastEditorDisplayName
text
Body
<p>I thought I'd write a simple script to animate my webpage a little.</p> <p>The basic idea was to make a div grow bigger and smaller, when I push a button. I handled the growing part well, but I can't get it to shrink again.</p> <p>It would seem, after long debugging, that the subtraction in JavaScript just isn't working. Basically, it seems, that this line isn't working: <code>i = height - 4;</code>, the value <code>i</code> stays the same.</p> <p>I'm including a complete example, could you help me fix it?</p> <pre><code><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test</title> <meta http-equiv="Content-Language" content="Estonian" /> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-15" /> </head> <body> <script type="text/javascript"> var i; var increasing = new Boolean("true"); var height; function testFunction() { height = parseInt(document.getElementById("testDiv").offsetHeight); if( increasing == true ) { i = height + 4; document.getElementById("testDiv").style.height = i + "px"; if( height >= 304 ) { increasing = false; } else { pause(30); } } else { i = height - 4; document.getElementById("testDiv").style.height = i + "px"; if( height <= 104 ) { increasing = true; } else { pause(30); } } } function pause(ms) { setTimeout("testFunction()", ms); } </script> <button id="button" type="button" onclick="testFunction();">Do it!</button. <div id="testDiv" style="border: 2px solid black; width: 400px; height: 100px; text-align: center;"> Hello! </div> </body> </html> </code></pre> <p><strike>EDIT: tags were producing HTML, had to change > to .</strike></p>
Tags
<javascript><math>
Title
JavaScript subtraction problem
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USPeter Mortensen
UserOwnerUserId
1. USehehhh
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
3. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
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.