From 7dbf7ecfc1d01bd23de1fa2785d58b8451e64f56 Mon Sep 17 00:00:00 2001 From: jzaefferer Date: Sun, 21 Mar 2010 22:28:32 +0100 Subject: Copying files from old Googlecode dev branch for tooltip --- demos/tooltip/default.html | 48 ++++++++++++++++++++++++++++++++++++++++++++++ demos/tooltip/index.html | 21 ++++++++++++++++++++ 2 files changed, 69 insertions(+) create mode 100644 demos/tooltip/default.html create mode 100644 demos/tooltip/index.html (limited to 'demos/tooltip') diff --git a/demos/tooltip/default.html b/demos/tooltip/default.html new file mode 100644 index 000000000..28c781b45 --- /dev/null +++ b/demos/tooltip/default.html @@ -0,0 +1,48 @@ + + + + jQuery UI Tooltip - Default demo + + + + + + + + + + + + +
+ +

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 tooltip's accordingly.

+

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

+

+

Click the field to see the tooltip; when you tab out of the field, it gets hidden.

+ +
+ + + +
+ +

Hover the links above or use the tab key to cycle the focus on each element.

+ +
+ + + + + diff --git a/demos/tooltip/index.html b/demos/tooltip/index.html new file mode 100644 index 000000000..ed5cd10e5 --- /dev/null +++ b/demos/tooltip/index.html @@ -0,0 +1,21 @@ + + + + jQuery UI Tooltip Demos + + + + +
+

Examples

+ +
+ + + -- cgit v1.2.3 From 2766e1997a630ae9e54fdd13e5ca6941259a6242 Mon Sep 17 00:00:00 2001 From: jzaefferer Date: Thu, 25 Mar 2010 14:45:50 -0400 Subject: Tooltip: Fixing up demo --- demos/tooltip/default.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'demos/tooltip') diff --git a/demos/tooltip/default.html b/demos/tooltip/default.html index 28c781b45..22dac4f90 100644 --- a/demos/tooltip/default.html +++ b/demos/tooltip/default.html @@ -2,8 +2,8 @@ jQuery UI Tooltip - Default demo - - + + -- cgit v1.2.3 From 9ec4c4e682946b4480b5366aabf3bcf353ef49f9 Mon Sep 17 00:00:00 2001 From: unknown Date: Wed, 31 Mar 2010 20:19:09 +0200 Subject: Tooltip: Two more demos showing mousetracking with open/close events and using open/close methods to programmatically show/hide tooltips --- demos/tooltip/forms.html | 69 +++++++++++++++++++++++++++++++++++++++++++++ demos/tooltip/tracking.html | 65 ++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 134 insertions(+) create mode 100644 demos/tooltip/forms.html create mode 100644 demos/tooltip/tracking.html (limited to 'demos/tooltip') diff --git a/demos/tooltip/forms.html b/demos/tooltip/forms.html new file mode 100644 index 000000000..626161d6e --- /dev/null +++ b/demos/tooltip/forms.html @@ -0,0 +1,69 @@ + + + + jQuery UI Tooltip - Default demo + + + + + + + + + + + + + +
+ +
+
+
+ + + ? +
+
+ + + ? +
+
+ + + ? +
+
+
+ +
+ + + +
+ +

Hover the questionmark-buttons or use the button below to display the help texts all at once. Click again to hide them.

+ +
+ + + + + diff --git a/demos/tooltip/tracking.html b/demos/tooltip/tracking.html new file mode 100644 index 000000000..9af4d0d09 --- /dev/null +++ b/demos/tooltip/tracking.html @@ -0,0 +1,65 @@ + + + + jQuery UI Tooltip - Default demo + + + + + + + + + + + + +
+ +

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 tooltip's accordingly.

+

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

+

+

Click the field to see the tooltip; when you tab out of the field, it gets hidden.

+ +
+ + + +
+ +

Here the tooltips are positioned relative to the mouse, and follow the mouse while it moves above the element.

+ +
+ + + + + -- cgit v1.2.3