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

Info iconThis preview shows pages 1–21. Sign up to view the full content.

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

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

View Full DocumentRight Arrow Icon
Previewing the Animation Files
Background image of page 2
Orbit Animation in Navigator
Background image of page 3

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

View Full DocumentRight Arrow Icon
Section A: Dynamic Object Model
Background 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
Background image of page 5

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

View Full DocumentRight 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
Background image of page 6
Programmers.html
Background image of page 7

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

View Full DocumentRight Arrow Icon
Miller.html
Background 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
Background image of page 9

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

View Full DocumentRight Arrow Icon
Slider Menu and Marquee Text
Background image of page 10
TetriScript Game
Background image of page 11

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

View Full DocumentRight 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
Background image of page 12
Document Object Model
Background image of page 13

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

View Full DocumentRight 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
Background image of page 14
State Capitals Program
Background image of page 15

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

View Full DocumentRight 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
Background image of page 16
Document Object Properties
Background image of page 17

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

View Full DocumentRight 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
Background image of page 18
Changing bgColor and fgColor Properties
Background image of page 19

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

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

This note was uploaded on 06/13/2011 for the course MIS 241 taught by Professor Tse during the Spring '11 term at Moraine Valley Community College.

Page1 / 87

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

This preview shows document pages 1 - 21. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online