X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc..c930e9176a5a85509c5b0230e2bff5c22a591432:/docs/source/qtips.html diff --git a/docs/source/qtips.html b/docs/source/qtips.html new file mode 100644 index 00000000..b49a3d4a --- /dev/null +++ b/docs/source/qtips.html @@ -0,0 +1,78 @@ + +
+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