14
Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 6 Dynamic Documents with JavaScript Programming the World Wide Web Fourth edition By Robert W. Sebesta

Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 6 Dynamic Documents with JavaScript Programming the World Wide Web

Embed Size (px)

Citation preview

Page 1: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 6 Dynamic Documents with JavaScript Programming the World Wide Web

Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Chapter 6Dynamic Documents

with JavaScript

Programming the World Wide Web Fourth edition

By Robert W. Sebesta

Page 2: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 6 Dynamic Documents with JavaScript Programming the World Wide Web

6-2Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 6.1 Display of absPos.html

Page 3: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 6 Dynamic Documents with JavaScript Programming the World Wide Web

6-3Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 6.2 Display of absPos2.html

Page 4: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 6 Dynamic Documents with JavaScript Programming the World Wide Web

6-4Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 6.3 Display of relPos.html

Page 5: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 6 Dynamic Documents with JavaScript Programming the World Wide Web

6-5Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 6.4 Display of mover.html (before pressing the Move It button)

Page 6: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 6 Dynamic Documents with JavaScript Programming the World Wide Web

6-6Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 6.5 Display of mover.html (after pressing the Move It button)

Page 7: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 6 Dynamic Documents with JavaScript Programming the World Wide Web

6-7Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 6.6 Display of dynLink.html with the cursor not over the link

Page 8: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 6 Dynamic Documents with JavaScript Programming the World Wide Web

6-8Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 6.7 Display of dynLink.html with the mouse cursor over the link

Page 9: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 6 Dynamic Documents with JavaScript Programming the World Wide Web

6-9Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 6.8 Display of dynValue.html

Page 10: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 6 Dynamic Documents with JavaScript Programming the World Wide Web

6-10Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 6.9 The initial display of stacking.html (photographs courtesy of Cessna Aircraft Company)

Page 11: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 6 Dynamic Documents with JavaScript Programming the World Wide Web

6-11Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 6.10 The display of stacking.html after clicking the second image (photographs courtesy of Cessna Aircraft Company)

Page 12: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 6 Dynamic Documents with JavaScript Programming the World Wide Web

6-12Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 6.11 The display of stacking.html after clicking the bottom image (photographs courtesy of Cessna Aircraft Company)

Page 13: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 6 Dynamic Documents with JavaScript Programming the World Wide Web

6-13Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 6.12 Display of where.html (the cursor was in the tail section of the plane)

Page 14: Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 6 Dynamic Documents with JavaScript Programming the World Wide Web

6-14Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley

Figure 6.13 Display of dragNDrop.html