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

diff --git a/examples/simple-widgets/qtips.js b/examples/simple-widgets/qtips.js
index d9bfd5cf..dee4a066 100644
--- a/examples/simple-widgets/qtips.js
+++ b/examples/simple-widgets/qtips.js
@@ -1,11 +1,9 @@
-/*
- * Ext JS Library 2.2.1
- * Copyright(c) 2006-2009, Ext JS, LLC.
- * licensing@extjs.com
- * 
- * http://extjs.com/license
- */
-
+/*!
+ * Ext JS Library 3.1.1
+ * Copyright(c) 2006-2010 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
 Ext.onReady(function(){
     new Ext.ToolTip({
         target: 'tip1',
@@ -35,6 +33,41 @@ Ext.onReady(function(){
         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();