Tooltip: Add Button to visual test page to test interoperability

This commit is contained in:
jzaefferer 2010-03-25 18:06:16 -04:00
parent 8c2df20a5d
commit 87533753f4

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.widget.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="http://jqueryui.com/themeroller/themeswitchertool/"></script>
<script type="text/javascript">
@ -53,6 +54,19 @@
},
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();
@ -120,6 +134,10 @@
</div>
</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>
<button id="disable">Toggle disabled</button>