1 / 6

COP 3813 Intro to Internet Computing

This lecture by Prof. Roy Levow provides an introduction to Dynamic HTML (DHTML), highlighting the differences between Microsoft DHTML and Netscape DHTML, which are not compatible. It covers how XHTML elements can be treated as objects with manipulable properties via scripts for dynamic effects. The lecture explains collections such as the 'all' and 'children' collections, illustrating the dynamic nature of styles and scripts across frames. Examples include changing font attributes and positions dynamically, demonstrating DHTML's versatility in web development.

river
Télécharger la présentation

COP 3813 Intro to Internet Computing

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. COP 3813Intro to Internet Computing Prof. Roy Levow Lecture 7 DHTML Intro

  2. Dynamic HTML • Warning! • Microsoft DHTML and Netscape DHTML are different • They are not compatable • Examples run under IE but not Netscape

  3. Dynamic HTML Object Model • XHTML elements can be treated as objects • Their XHTML attributes become properties of the objects • The properties can be manipulated by scripts for dynamic effect • The id attribute defines the object name • Example: reference.html

  4. Collections all and children • A collection is basically an array of related objects • The all collection consists of all XHTML elements of a document • The children collection of an object consists of all the immediately contained elements • Examples: all.html, children.html

  5. Dynamic Styles • Styles can change dynamically • Example: dynamicstyle.htlm • Font attributes can change dynamically • Example: dynamicstyle2.html • Position can change dynamically • Example: dynamicposition.html

  6. Cross Frame ScriptingNavigator Object • A script in one frame can reference items in another frame • Example: index.html, top.html • Navigator object • Provides information about browser displaying page • Example: navigator.html

More Related