SlideShare a Scribd company logo
Web programming
Intrinsic Event Handling
 An event is an occurrence of something
potentially interesting to a script:
 Ex: mouseover and mouseout events
 An HTML intrinsic event attribute is used to
specify a script to be called when an event occurs
 Ex: onmouseover
 Name of attribute is on followed by event name
Guy-Vincent Jourdan :: CSI 3140 :: based on Jeffrey C. Jackson’s
slides
3
Web programming
Web programming
 Intrinsic event attribute value is a script; what
language is it written in?
 HTTP Content-Script-Type header field specifies
default scripting language
 meta element allows document to specify values as
if they were header fields
Modifying Element Style
Web programming
 Rules for forming style property names from names
of CSS style properties:
 If the CSS property name contains no hyphens, then the
style object’s property name is the same
 Ex: color color
 Otherwise, all hyphens are removed and the letters that
immediately followed hyphens are capitalized
 Ex: background-color backgroundColor
10
Modifying Element Style
Net effect: “silver” becomes the specified value for
CSS background-color property of td element;
browser immediately modifies the window.
 Advantages of setProperty() syntax:
 Makes it clear that a CSS property is being set rather
than merely a property of the style object
 Allows CSS property names to be used as-is rather
than requiring modification (which can potentially cause
confusion)
 Obtaining specified CSS property value:
 Alternate DOM2 syntax (not supported by IE6):
Document Tree
 Recall that HTML document elements form a tree
structure, e.g.,
 DOM allows scripts to access and modify the
document tree
 There are many types of nodes in the DOM
document tree, representing elements, text,
comments, the document type declaration, etc.
 Every Object in the DOM document tree has
properties and methods defined by the Node host
object
Web programming
Web programming
 String produced by TreeOutline():

More Related Content

PPTX
Internet and Web Technology (CLASS-5) [HTML DOM]
PPTX
Javascript inside Browser (DOM)
PPTX
PPTX
Introduction to the DOM
PPTX
INTRODUCTION TO DOM AND DOM TREE
PPTX
Javascript ch8
PPTX
Document Object Model (DOM)
PPTX
Document object model
Internet and Web Technology (CLASS-5) [HTML DOM]
Javascript inside Browser (DOM)
Introduction to the DOM
INTRODUCTION TO DOM AND DOM TREE
Javascript ch8
Document Object Model (DOM)
Document object model

What's hot (15)

PDF
Mysql to mongo
PPTX
MongoDB Aug2010 SF Meetup
PPT
Xml dom & sax by bhavsingh maloth
PDF
JavaScript DOM & event
PPT
KMUTNB - Internet Programming 4/7
PPTX
Internet and Web Technology (CLASS-7) [XML and AJAX] | NIC/NIELIT Web Technology
PPT
JavaScript: Ajax & DOM Manipulation
PPT
Javascript: Ajax & DOM Manipulation v1.2
PPTX
Html dom & j query
PPT
DOM Quick Overview
PDF
Introduction to js (cnt.)
PPT
JavaScript & Dom Manipulation
PPT
Object Oriented JS
Mysql to mongo
MongoDB Aug2010 SF Meetup
Xml dom & sax by bhavsingh maloth
JavaScript DOM & event
KMUTNB - Internet Programming 4/7
Internet and Web Technology (CLASS-7) [XML and AJAX] | NIC/NIELIT Web Technology
JavaScript: Ajax & DOM Manipulation
Javascript: Ajax & DOM Manipulation v1.2
Html dom & j query
DOM Quick Overview
Introduction to js (cnt.)
JavaScript & Dom Manipulation
Object Oriented JS
Ad

Similar to Web programming (20)

PPT
Document object model - web technology - chapter 3
PPT
DOMhjuuihjinmkjiiuhuygfrtdxsezwasgfddggh
PDF
Html,javascript & css
PPTX
Javascript part 2 DOM.pptx
ODP
PPTX
Ppt of web designing
PPTX
Internet and Web Technology (CLASS-4) [CSS & JS]
PPTX
Global Attributes Window Event Attributes Form Events Ujjwal matoliya.pptx
PPTX
Html-Prabakaran
PPT
Overview of PHP and MYSQL
PPTX
DHTML stands for Dynamic Hyper Text Markup Language. DHTML is not a language ...
PPTX
Presentation
PPTX
Introduction to CSS
PPTX
Html, css and jquery introduction
PDF
Tfbyoweb.4.9.17
PDF
Tfbyoweb.4.9.17
PDF
lec 5 Introduction to CSS uyuhijoljihugfcufgy
Document object model - web technology - chapter 3
DOMhjuuihjinmkjiiuhuygfrtdxsezwasgfddggh
Html,javascript & css
Javascript part 2 DOM.pptx
Ppt of web designing
Internet and Web Technology (CLASS-4) [CSS & JS]
Global Attributes Window Event Attributes Form Events Ujjwal matoliya.pptx
Html-Prabakaran
Overview of PHP and MYSQL
DHTML stands for Dynamic Hyper Text Markup Language. DHTML is not a language ...
Presentation
Introduction to CSS
Html, css and jquery introduction
Tfbyoweb.4.9.17
Tfbyoweb.4.9.17
lec 5 Introduction to CSS uyuhijoljihugfcufgy
Ad

More from renukarenuka9 (20)

PPTX
mobile computing
PPTX
PPTX
Compiler design
PPTX
Software engineering
PPTX
Software engineering
PPTX
Software engineering
PPTX
Bigdata
PPTX
Bigdata ppt
PPTX
PPTX
PPTX
operating system
PPTX
PPTX
OPERATING SYSTEM
PPTX
Data mining
PPTX
Computer network
PPTX
computer network
PPTX
operating system
PPTX
data mining
PPTX
COMPUTER NETWORK
PPTX
data mining
mobile computing
Compiler design
Software engineering
Software engineering
Software engineering
Bigdata
Bigdata ppt
operating system
OPERATING SYSTEM
Data mining
Computer network
computer network
operating system
data mining
COMPUTER NETWORK
data mining

Recently uploaded (20)

PPT
protein biochemistry.ppt for university classes
PPTX
Comparative Structure of Integument in Vertebrates.pptx
PDF
CAPERS-LRD-z9:AGas-enshroudedLittleRedDotHostingaBroad-lineActive GalacticNuc...
PPTX
famous lake in india and its disturibution and importance
PPTX
neck nodes and dissection types and lymph nodes levels
PPTX
ANEMIA WITH LEUKOPENIA MDS 07_25.pptx htggtftgt fredrctvg
PPTX
Classification Systems_TAXONOMY_SCIENCE8.pptx
PDF
The scientific heritage No 166 (166) (2025)
PPTX
EPIDURAL ANESTHESIA ANATOMY AND PHYSIOLOGY.pptx
PDF
Unveiling a 36 billion solar mass black hole at the centre of the Cosmic Hors...
PPTX
2. Earth - The Living Planet earth and life
PPTX
ECG_Course_Presentation د.محمد صقران ppt
PDF
Mastering Bioreactors and Media Sterilization: A Complete Guide to Sterile Fe...
PPTX
Microbiology with diagram medical studies .pptx
PPTX
microscope-Lecturecjchchchchcuvuvhc.pptx
PDF
AlphaEarth Foundations and the Satellite Embedding dataset
PDF
Sciences of Europe No 170 (2025)
PDF
ELS_Q1_Module-11_Formation-of-Rock-Layers_v2.pdf
PPTX
Derivatives of integument scales, beaks, horns,.pptx
DOCX
Viruses (History, structure and composition, classification, Bacteriophage Re...
protein biochemistry.ppt for university classes
Comparative Structure of Integument in Vertebrates.pptx
CAPERS-LRD-z9:AGas-enshroudedLittleRedDotHostingaBroad-lineActive GalacticNuc...
famous lake in india and its disturibution and importance
neck nodes and dissection types and lymph nodes levels
ANEMIA WITH LEUKOPENIA MDS 07_25.pptx htggtftgt fredrctvg
Classification Systems_TAXONOMY_SCIENCE8.pptx
The scientific heritage No 166 (166) (2025)
EPIDURAL ANESTHESIA ANATOMY AND PHYSIOLOGY.pptx
Unveiling a 36 billion solar mass black hole at the centre of the Cosmic Hors...
2. Earth - The Living Planet earth and life
ECG_Course_Presentation د.محمد صقران ppt
Mastering Bioreactors and Media Sterilization: A Complete Guide to Sterile Fe...
Microbiology with diagram medical studies .pptx
microscope-Lecturecjchchchchcuvuvhc.pptx
AlphaEarth Foundations and the Satellite Embedding dataset
Sciences of Europe No 170 (2025)
ELS_Q1_Module-11_Formation-of-Rock-Layers_v2.pdf
Derivatives of integument scales, beaks, horns,.pptx
Viruses (History, structure and composition, classification, Bacteriophage Re...

Web programming

  • 2. Intrinsic Event Handling  An event is an occurrence of something potentially interesting to a script:  Ex: mouseover and mouseout events  An HTML intrinsic event attribute is used to specify a script to be called when an event occurs  Ex: onmouseover  Name of attribute is on followed by event name
  • 3. Guy-Vincent Jourdan :: CSI 3140 :: based on Jeffrey C. Jackson’s slides 3
  • 6.  Intrinsic event attribute value is a script; what language is it written in?  HTTP Content-Script-Type header field specifies default scripting language  meta element allows document to specify values as if they were header fields
  • 9.  Rules for forming style property names from names of CSS style properties:  If the CSS property name contains no hyphens, then the style object’s property name is the same  Ex: color color  Otherwise, all hyphens are removed and the letters that immediately followed hyphens are capitalized  Ex: background-color backgroundColor
  • 10. 10 Modifying Element Style Net effect: “silver” becomes the specified value for CSS background-color property of td element; browser immediately modifies the window.
  • 11.  Advantages of setProperty() syntax:  Makes it clear that a CSS property is being set rather than merely a property of the style object  Allows CSS property names to be used as-is rather than requiring modification (which can potentially cause confusion)
  • 12.  Obtaining specified CSS property value:  Alternate DOM2 syntax (not supported by IE6):
  • 13. Document Tree  Recall that HTML document elements form a tree structure, e.g.,  DOM allows scripts to access and modify the document tree
  • 14.  There are many types of nodes in the DOM document tree, representing elements, text, comments, the document type declaration, etc.  Every Object in the DOM document tree has properties and methods defined by the Node host object
  • 17.  String produced by TreeOutline():