library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2025-01-07 20:34:24 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Tooltip: Enhanced visual test to include a few more buttons and a high element to get a scrollbar

Browse Source
This commit is contained in:
jzaefferer 2010-05-15 16:37:52 +02:00
parent d3077c33dd
commit 9f56913dcc
1 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -55,18 +55,25 @@
tooltipClass: "ui-state-highlight" tooltipClass: "ui-state-highlight"
}); });
$("#button1").button().tooltip(); var positionOnTop = {
position: {
my: "center bottom",
at: "center top",
offset: "0 -5"
}
};
$("#button1").button().tooltip(positionOnTop);
$("#button2").button({ $("#button2").button({
icons: { icons: {
primary: "ui-icon-wrench" primary: "ui-icon-wrench"
} }
}).tooltip(); }).tooltip(positionOnTop);
$("#button3").button({ $("#button3, #button4").button({
icons: { icons: {
primary: "ui-icon-wrench" primary: "ui-icon-wrench"
}, },
text: false text: false
}).tooltip(); }).tooltip(positionOnTop);
} }
enable(); enable();
@ -136,7 +143,8 @@
<button id="button1" title="Button Tooltip">Button Label</button> <button id="button1" title="Button Tooltip">Button Label</button>
<button id="button2" title="Icon Button">Button with Icon</button> <button id="button2" title="Icon Button">Button with Icon</button>
<button id="button3">Icon Only Button</button> <button id="button3">Icon Only Button 1</button>
<button id="button4">Icon Only Button 2</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>
@ -144,6 +152,7 @@
<button id="toggle">Toggle widget</button> <button id="toggle">Toggle widget</button>
</div> </div>
<div style="height: 2000px"></div>
</body> </body>
</html> </html>