JavaScript, CSS and DOM - Tutorials

JavaScript and HTML Interactive tutorial

Learning the ECMAScript standard and HTML 4 with examples.

Summary of the JavaScript programming language.
If you know C, Java or PHP, moving to JavaScript is very easy. This page is a reference to help in use of our examples and demos.

Web parameters.
How to pass parameters to a Web page? This is accomplished by a form and a simple script that extracts values from the parameter string.

Asynchronous JavaScript
How to make JavaScript asynchronous code like that of Analytics from Google?

Bookmarklet tutorial
Adding functions to a webpage with just a link in the page on in the bookmarks. Several examples.

Bookmarklets for search
Advanced search function into links.

Bookmarklets: informations on the page
Know anything about a webpage.

Lightbox without framework

To build a lightbox and display text or images in a box, only two CSS descriptors are required. And some JavaScript code is added to dynamically change the contents of the box. See demo.

Tab Panel without Framework

A simple Tab Panel for a website or an application in CSS, and to insert another page in the same page with a few lines of JavaScript.

The second part demonstrates the design of Tab Panel with frames.

Contextual video

Let Google choose videos to illustrate an article based on the content of the page!

Rotating list widget
A faster access to item of a dropdown list.

Button switching.
How to create a two-states button or textual command.

Scoring article.
How to implement a system that allows readers to click on an symbol to give an article a score.

Mysterious picture.
Replace with a fade effect a text by a picture, so that the picture is displayed only when needed.

Navigation bar
Accessing the pages of an article splitted into several parts.