X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/c930e9176a5a85509c5b0230e2bff5c22a591432..e9397f91ede62d446aed37d23256e8938fc4c335:/examples/simple-widgets/qtips.js diff --git a/examples/simple-widgets/qtips.js b/examples/simple-widgets/qtips.js index dc4681e9..15ae401b 100644 --- a/examples/simple-widgets/qtips.js +++ b/examples/simple-widgets/qtips.js @@ -1,75 +1,75 @@ /*! - * Ext JS Library 3.0.0 - * Copyright(c) 2006-2009 Ext JS, LLC - * licensing@extjs.com - * http://www.extjs.com/license + * Ext JS Library 3.3.1 + * Copyright(c) 2006-2010 Sencha Inc. + * licensing@sencha.com + * http://www.sencha.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: 'Rich Content Tooltip', - 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(); - +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: 'Rich Content Tooltip', + 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