Assignment 4: Working with Javascript

Here are 5 examples of jQuery UI components.

Example 1: Datepicker

Date:

Example 2: Slider

Example 3: Tooltip

Tooltips can be attached to any element. When you hover the element with your mouse, the title attribute is displayed in a little box next to the element, just like a native tooltip.

But as it's not a native tooltip, it can be styled. Any themes built with ThemeRoller will also style tooltips accordingly.

Tooltips are also useful for form elements, to show some additional information in the context of each field.

Your age:

Hover the field to see the tooltip.

Example 4: Resizable

Example 5: Draggable