X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/2e847cf21b8ab9d15fa167b315ca5b2fa92638fc..6a7e4474cba9d8be4b2ec445e10f1691f7277c50:/examples/simple-widgets/qtips.js diff --git a/examples/simple-widgets/qtips.js b/examples/simple-widgets/qtips.js index dee4a066..52e0be30 100644 --- a/examples/simple-widgets/qtips.js +++ b/examples/simple-widgets/qtips.js @@ -1,75 +1,75 @@ /*! - * Ext JS Library 3.1.1 - * Copyright(c) 2006-2010 Ext JS, LLC + * Ext JS Library 3.2.0 + * 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: '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