library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Tooltip: Add Button to visual test page to test interoperability

Browse Source
This commit is contained in:
jzaefferer 2010-03-25 18:06:16 -04:00
parent 8c2df20a5d
commit 87533753f4
1 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
tests/visual/tooltip/tooltip.html
View File

@ -8,6 +8,7 @@
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="../../../ui/jquery.ui.position.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.position.js"></script>
<script type="text/javascript" src="../../../ui/jquery.ui.button.js"></script>
<script type="text/javascript" src="../../../ui/jquery.ui.tooltip.js"></script> <script type="text/javascript" src="../../../ui/jquery.ui.tooltip.js"></script>
<script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/"></script> <script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/"></script>
<script type="text/javascript"> <script type="text/javascript">
@ -53,6 +54,19 @@
}, },
tooltipClass: "ui-state-highlight" tooltipClass: "ui-state-highlight"
}); });
$("#button1").button().tooltip();
$("#button2").button({
icons: {
primary: "ui-icon-wrench"
}
}).tooltip();
$("#button3").button({
icons: {
primary: "ui-icon-wrench"
},
text: false
}).tooltip();
} }
enable(); enable();
@ -120,6 +134,10 @@
</div> </div>
</form> </form>
<button id="button1" title="Button Tooltip">Button Label</button>
<button id="button2" title="Icon Button">Button with Icon</button>
<button id="button3">Icon Only Button</button>
<div id="footnote">This is <strong>the</strong> footnote, including other elements</div> <div id="footnote">This is <strong>the</strong> footnote, including other elements</div>
<button id="disable">Toggle disabled</button> <button id="disable">Toggle disabled</button>