Xah's DHTML Tutorial

Xah Lee, 2005-06, ..., 2009, 2010-01-23

This page is a collection of examples and tips of JavaScript, CSS, HTML. These are especially useful if you are a professional programer but are not familiar with DHTML technologies and wish a quick, practical introduction.

All HTML, CSS, Javascript code of this tutorial pass various validation from http://w3c.org/, and works in Firefox, Safari, Opera, Internet Explorer browser versions as of 2009-01. Coding style follows a clean, “web 2.0”, practices. No attempt is made for browsers versions released earlier than 2008.

JavaScript

• JavaScript Basics

Xah's Web Programing Blog

Simple Examples

• Generating HTML Content With Javascript
• Factorial With Recursion
• Print Current Time
• Check if Cookie is Enabled

A Introduction to the Concept of Event in GUI Programing

• A Event Example
• Image Rollover
• Pop-up A New Window

• Adding HTML Content with JavaScript
• Changing HTML Content with JavaScript
• Changing a Element's Style with JavaScript

HTML form examples:

• Goto a url in new window
• Instant Field Input Alert
• Input Field Validation

Larger js examples:

• Pop-up tooltip
• Animated Moving Block

Misc Blogs Articles

• HTML Correctness and Validators
• HTML Microformat
• Introduction To Atom Webfeed
• Emacs and HTML Tips
• Functional Programing in JavaScript
• Batch Check HTML File Size
• General References and Web Tech Articles
• Google Custome Search
• Web Browsers 2009
• Google-code-prettify Examples
• Domain Names, Cybersquatting, Resell Market
• “Zen-Coding” and “Emacs-Buddha-Coding”
• Keywords and Taxonomy
• Blocking Image Leechers
• CSS Problems
• Anti-bot Test: CAPTCHA!
• A Complexity In URL Encoding

Oddities and Bugs:

• A FireFox problem: Linebreak After Tag
• CSS Example: Width By ex
• What's a Letter in CSS's first-letter Pseudo-element?

See also: Xah's PHP Tutorial

Download this tutorial

Download this tutorial for offline reading: xah_dhtml_tutorial.zip.

This work is licensed under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 United States License.

	Web XahLee.org