jschap07 - Chapter 7 Dynamic HTML and Animation JavaScript...

Info icon This preview shows pages 1–23. Sign up to view the full content.

View Full Document Right Arrow Icon
Chapter 7: Dynamic HTML and Animation JavaScript - Introductory
Image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
Previewing the Animation Files
Image of page 2
Orbit Animation in Navigator
Image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
Section A: Dynamic Object Model
Image of page 4
Objectives In this section students will learn about: Dynamic HTML The Document Object Model Document object properties Document object methods The Image object Animation with the Image object About image caching
Image of page 5

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
Dynamic HTML The Web has many forms of entertainment, including games, animation, and multimedia presentations “Dynamic” refers to Web pages that respond to user requests through buttons or other types of controls Hypertext links do not change the currently displayed document, but load new ones from server instead Technologies used for creating DHTML include JavaScript, VGScript, CGI, Java, Active Server Pages, and others
Image of page 6
Programmers.html
Image of page 7

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
Miller.html
Image of page 8
Dynamic HTML DHTML includes the following technologies: JavaScript HTML Cascading style sheets DHTML does not refer to a single technology, but to several technologies combined Cascading style sheets are used to manage the formatting information of HTML documents
Image of page 9

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
Slider Menu and Marquee Text
Image of page 10
TetriScript Game
Image of page 11

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
Document Object Model At the core of DHTML is the Document Object Model Document Object Model , or DOM , represents the HTML document displayed in a window and provides programmatic access to a document’s elements The Document object refers not only to HTML documents, but also to other file types, such as .jpg, .gif, and .xml, .jpg and .gif, which are image file formats The DOM also includes events, properties, and methods
Image of page 12
Document Object Model
Image of page 13

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
Document Object Model The DOM enables JavaScript to access individual HTML elements by turning each tag in an HTML document into its own programmatic object DHTML is an evolving technology; there is no accepted standard for the DOM Version 4 of both Navigator and Internet Explorer supports a number of DOM objects that are completely incompatible with Level 0
Image of page 14
State Capitals Program
Image of page 15

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
Document Object Model The World Wide Web Consortium (W3C) is drafting a new DOM standard know as Level 1 Level 1 is expected to include many of the objects, properties, and methods that are currently available in Internet Explorer 4 However, Level 1 will not be available until Version 5 of Navigator and Internet Explorer are released
Image of page 16
Document Object Properties
Image of page 17

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
Document Object Properties In Navigator 4.0, the majority of the Document object properties can be set only before the document is rendered Only the bgColor property can be set dynamically after the document has been rendered Internet Explorer 4.0 allows you to dynamically change many of the Document object properties after it is rendered
Image of page 18
Changing bgColor and fgColor Properties
Image of page 19

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
Black Text on a White Background
Image of page 20
This is the end of the preview. Sign up to access the rest of the document.

{[ snackBarMessage ]}

What students are saying

  • Left Quote Icon

    As a current student on this bumpy collegiate pathway, I stumbled upon Course Hero, where I can find study resources for nearly all my courses, get online help from tutors 24/7, and even share my old projects, papers, and lecture notes with other students.

    Student Picture

    Kiran Temple University Fox School of Business ‘17, Course Hero Intern

  • Left Quote Icon

    I cannot even describe how much Course Hero helped me this summer. It’s truly become something I can always rely on and help me. In the end, I was not only able to survive summer classes, but I was able to thrive thanks to Course Hero.

    Student Picture

    Dana University of Pennsylvania ‘17, Course Hero Intern

  • Left Quote Icon

    The ability to access any university’s resources through Course Hero proved invaluable in my case. I was behind on Tulane coursework and actually used UCLA’s materials to help me move forward and get everything together on time.

    Student Picture

    Jill Tulane University ‘16, Course Hero Intern