1. www.bzupages.com Web engineering

2. www.bzupages.com Topic: DHTML Presented by: Shah Rukh 07-22 Presented to: Sir Ahsan raza

3. www.bzupages.com Introduction Dynamic HTML, or DHTML, is an umbrella term for a collection of technologies used together to create interactive and animated web sites by using a combination of a static markup language (such as HTML), a client-side scripting language (such as JavaScript), a presentation definition language (such as CSS), and the Document Object Model.

4. www.bzupages.com Features the rise of the 4.x generation of browsers, a new concept called Dynamic HTML or DHTML was introduced. DHTML describes the ability to dynamically manipulate the page elements, potentially changing the document's structure in a significant way. In its most obvious form.

5. www.bzupages.com Cont… DHTML is an HTML document that displays dynamic characteristics such as movement or the showing or hiding of page content

6. www.bzupages.com Cont… These sophisticated features are made possible through the intersection of HTML, CSS, and JavaScript. So in some sense, the idea of DHTML can be summarized in the formula DHTML = HTML + CSS + JavaScript

7. www.bzupages.com Examples 1 The Dynamic Paragraph: DHTML Style The Dynamic Paragraph I am a dynamic paragraph. Watch me dance!

8. www.bzupages.com

9. www.bzupages.com 2 Last Modification Date A common use of script is to add small bits of content or HTML to a page dynamically. For example, consider the need to write a last modification date to the bottom of every document in a Web site. Using a short JavaScript at the bottom of a page could be quite easy, as illustrated here:

10. www.bzupages.com Cont... last date of modify...Page Content here... © 2003, Demo Company Inc. <!-- document.write("Document last modified: "+document.lastModified); //-->

11. www.bzupages.com

12. www.bzupages.com 3 Form Validation Form validation probably is the most important use of scripting on the Web. it was the original reason JavaScript was developed. JavaScript form validation is the process of checking the validity of user-supplied data in an XHTML form before it is submitted to a server-side program such as a php program.

13. www.bzupages.com Cont… By checking data before it is sent to a server, you can avoid a lot of user frustration, and reduce communication time between the Web browser and the server.

14. www.bzupages.com Cont…. Overly Simple Form Validation <!-- function validate() { if (document.myform.username.value == "") { alert('Please enter your name'); return false; } else return true; } // -->

15. www.bzupages.com Name:

16. www.bzupages.com

17. www.bzupages.com

18. www.bzupages.com