Ajax JavaScript CSS HTML 5 Gecko XUL Forum

JavaScript explained with interactive examples. Widgets

Reference and interactive tutorial of JavaScript
  1. 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.
  2. JavaScript and C: Inheritance and differences .
  3. Variables and constants.
    Variables are dynamic in JavaScript.
  4. Operators.
  5. Array.
    They are dynamic and have attributes and methods.
  6. Functions.
    Defining and calling functions.
  7. Control structures.
    Loops and conditional expressions.
  8. JavaScript and PHP.
    Sharing variables between PHP and Web pages. Adding variables to that of a form.
  9. The eval function.
    This built-in function allows to add variables and functions dynamically.
  10. Regular expression.
    Processing texts with matching rules.
  11. Events.
    • Optical illusion. Demonstration: How to change an image when the mouse is pressed down on it.
  12. Asynchronous JavaScript
    How to make JavaScript asynchronous code like that of Analytics from Google?
  13. JavaScript cheat sheet
    The essential in one page.
Object of the language
  1. Objects.
    In JavaScript, they are dynamic, the structure can changes during a processing.
  2. The Number object.
  3. The String object.
  4. The Array object.
  5. The Date object.
  6. The RegExp object.
  7. The Boolean object.
Using forms
  1. Form.
    Principles and form objects in HTML 4 and HTML 5.
  2. Creating and using a form.
    Adding a button or an image used as button.
  3. How to pass data to another HTML page.
    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.
  4. GET or POST, what method to choose?
  5. List of all form objects in HTML.
  6. Sending and receiving data depending on form objects.
    Transmitting data to a web page or a script on the server.
  7. Customizing input text.
  8. Checkbox, how to pass the state to another page.
  9. Select. Displaying a list of items to select.
  10. Frames & forms
    How to pass form data between frames of a frameset.
HTML objects
  1. Window.
    Creating dynamically a window in JavaScript.
  2. Navigator. An object to identify the browser of the user.
  3. Image Map. Links in images.
Bookmarklets

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.

Widgets

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.

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.

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.

More tutorials

Resources and applications

© 2006-2011 Xul.fr