<head>
<%@include file="/common/extjs.jsp" %>
<script type="text/javascript">
Ext.onReady(function () {
new Ext.ToolTip({
target:'tip1',
html:'test tooltip'
});
new Ext.ToolTip({
target:'ajax-tip',
width:200,
autoLoad:{url:'test.jsp'}
});
new Ext.ToolTip({
target:'close-tip',
html:'test close',
title:'test',
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,
dismissDelay:15000
});
})
</script>
</head>
<body>
<input type="button" value="OK" ext:qtitle="Test" ext:qtip="Test Content!">
<br/>
<a id=tip1 href="">tip</a>
<br/>
<a id=ajax-tip href="">ajax tip</a>
<br/>
<a id='close-tip' href="">closeable tip</a>
<br/>
<a id=track-tip href="">trackable tip</a>
<script type="text/javascript">
</script>
</body>