X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/d41dc04ad17d1d9125fb2cf72db2b4782dbe3a8c..b37ceabb82336ee82757cd32efe353cfab8ec267:/examples/simple-widgets/qtips.js

diff --git a/examples/simple-widgets/qtips.js b/examples/simple-widgets/qtips.js
index d9bfd5cf..5d46950b 100644
--- a/examples/simple-widgets/qtips.js
+++ b/examples/simple-widgets/qtips.js
@@ -1,42 +1,75 @@
-/*
- * Ext JS Library 2.2.1
- * Copyright(c) 2006-2009, Ext JS, LLC.
- * licensing@extjs.com
- * 
- * http://extjs.com/license
- */
-
-Ext.onReady(function(){
-    new Ext.ToolTip({
-        target: 'tip1',
-        html: 'A very simple tooltip'
-    });
-
-    new Ext.ToolTip({
-        target: 'ajax-tip',
-        width: 200,
-        autoLoad: {url: 'ajax-tip.html'},
-        dismissDelay: 15000 // auto hide after 15 seconds
-    });
-
-    new Ext.ToolTip({
-        target: 'tip2',
-        html: 'Click the X to close me',
-        title: 'My Tip Title',
-        autoHide: false,
-        closable: true,
-        draggable:true
-    });
-
-    new Ext.ToolTip({
-        target: 'track-tip',
-        title: 'Mouse Track',
-        width:200,
-        html: 'This tip will follow the mouse while it is over the element',
-        trackMouse:true
-    });
-
-
-    Ext.QuickTips.init();
-
+/*!
+ * Ext JS Library 3.2.2
+ * Copyright(c) 2006-2010 Ext JS, Inc.
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+Ext.onReady(function(){
+    new Ext.ToolTip({
+        target: 'tip1',
+        html: 'A very simple tooltip'
+    });
+
+    new Ext.ToolTip({
+        target: 'ajax-tip',
+        width: 200,
+        autoLoad: {url: 'ajax-tip.html'},
+        dismissDelay: 15000 // auto hide after 15 seconds
+    });
+
+    new Ext.ToolTip({
+        target: 'tip2',
+        html: 'Click the X to close me',
+        title: 'My Tip Title',
+        autoHide: false,
+        closable: true,
+        draggable:true
+    });
+
+    new Ext.ToolTip({
+        target: 'track-tip',
+        title: 'Mouse Track',
+        width:200,
+        html: 'This tip will follow the mouse while it is over the element',
+        trackMouse:true
+    });
+    
+    new Ext.ToolTip({        
+        title: '<a href="#">Rich Content Tooltip</a>',
+        id: 'content-anchor-tip',
+        target: 'leftCallout',
+        anchor: 'left',
+        html: null,
+        width: 415,
+        autoHide: false,
+        closable: true,
+        contentEl: 'content-tip', // load content from the page
+        listeners: {
+            'render': function(){
+                this.header.on('click', function(e){
+                    e.stopEvent();
+                    Ext.Msg.alert('Link', 'Link to something interesting.');
+                    Ext.getCmp('content-anchor-tip').hide();
+                }, this, {delegate:'a'});
+            }
+        }
+    });
+    
+    new Ext.ToolTip({
+        target: 'bottomCallout',
+        anchor: 'top',
+        anchorOffset: 85, // center the anchor on the tooltip
+        html: 'This tip\'s anchor is centered'
+    });
+    
+    new Ext.ToolTip({
+        target: 'trackCallout',
+        anchor: 'right',
+        trackMouse: true,
+        html: 'Tracking while you move the mouse'
+    });
+
+
+    Ext.QuickTips.init();
+
 });
\ No newline at end of file