|
|
In the last 2 scripts we learned to move the contents of a div in 4 directions. If you held any of the buttons on the last page, the moving square kept going off into cyberspace and never came back. Wouldn't it be nice if it would stop it at a certain point before it leaves the screen? Well, it can. We'll add a condition that must be met BEFORE the table can move. NOTE:The brackets we use in HTML are also mathematical symbols with special meaning. This > means "more than"..... This < means "less than" In the code below you'll see a line that begins with "if".....This is the conditional statement and says: IF table one is "more than" 20 pixels from the left hand side....proceed with the movement. In this case the movement is 10 pixels per click and moves left. function limitedL() { if (document.all.table1.style.posLeft > 20) document.all.table1.style.posLeft -=10 } When the table reaches the 20px mark it will stop.
In the code below you'll see the line that begins with "if".....This is the conditional statement for limitedD and says: IF table one is "less than" 230 pixels from the top....proceed with the movement. In this case the movement is 10 pixels per click and moves down. Once the square reaches 230 pixels from the top it will go no further. |
| table1 |