tailieunhanh - JavaScript Bible, Gold Edition part 105

JavaScript Bible, Gold Edition part 105. This book will bring programmers and non-technical professionals, including casual programmers and scripters, painlessly up to speed on all aspects of mastering JavaScript. Key topics include programming fundamentals, JavaScript language elements and how to use them effectively, and how to easily and efficiently add powerful new functionality to HTML documents and Java applets. | 888 Part III Document Objects Reference Listing 31-17 continued TD ALIGN right BGCOLOR coral Container X TD TD BGCOLOR coral INPUT TYPE text NAME left SIZE 3 onChange setOuterLayer this TD TR TR TD ALIGN right BGCOLOR coral Container Y TD TD BGCOLOR coral INPUT TYPE text NAME top SIZE 3 onChange setOuterLayer this TD TR TR TD ALIGN right BGCOLOR aquamarine Page X TD TD BGCOLOR aquamarine INPUT TYPE text NAME pageX SIZE 3 onChange setInnerPage this TD TR TR TD ALIGN right BGCOLOR aquamarine Page Y TD TD BGCOLOR aquamarine INPUT TYPE text NAME pageY SIZE 3 onChange setInnerPage this TD TR TR TD ALIGN right BGCOLOR aquamarine Container X TD TD BGCOLOR aquamarine INPUT TYPE text NAME left SIZE 3 onChange setInnerLayer this TD TR TR TD ALIGN right BGCOLOR aquamarine Container Y TD TD BGCOLOR aquamarine INPUT TYPE text NAME top SIZE 3 onChange setInnerLayer this TD TR TABLE FORM DIV DIV ID outerDisplay STYLE position absolute top 130 left 200 width 370 height 190 background-color coral DIV ID innerDisplay STYLE position absolute top 5 left 5 width 360 height 180 background-color aquamarine H2 ARTICLE I H2 P Congress shall make no law respecting an establishment of religion or prohibiting the free exercise thereof or abridging the freedom of speech or of the press or the right of the people peaceably to assemble and to petition the government for a redress of grievances. P DIV DIV BODY HTML Chapter 31 Positioned Objects 889 Try entering a variety of values in all text boxes to see what happens. Here is one possible sequence of tests and explanations 1. Increase the red Page X value to 250. This moves the outer layer to the right by 50 pixels. Because the green layer is nested inside it moves along with it. The green s Page X value also increases by 50 but its Container X value remains the same because the inner layer maintains the same relationship with the outer layer as before. 2. Increase the green Page X value to 300. This action shifts the position of the green inner