12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <title>Blasting off with Bootstrap</title>
- <meta charset="utf-8"/>
- <meta http-equiv="X-UA-COMPATIBLE" content="IE=Edge"/>
- <meta name="viewport" content="width=device-width, initial-scale=1"/>
- <link rel="stylesheet" href="../css/bootstrap.min.css"/>
-
- </head>
- <body>
- <div class="container">
-
- <button class="btn btn-default tooltipbutton"
- data-target="tooltip" data-placement="bottom"
- title="I am a <em>Bootstrap</em> button. Notice the italics." >
- Who am I ?
- </button>
- </div>
- <script src="../js/jquery-1.11.2.min.js"></script>
- <script src="../js/bootstrap.js"></script>
- <script type="text/javascript">
- var options = {
-
- animation: true,
-
-
-
- delay: 1000,
-
- html: true,
-
-
-
-
-
- title: "Another way to set the tooltip text"
-
-
- };
-
- $(document).ready(function() {
- $('.tooltipbutton').tooltip(options);
- });
- $(".tooltipbutton").on("show.bs.tooltip", function() {
- console.log('Showing tooltip');
- });
- $(".tooltipbutton").on("shown.bs.tooltip", function() {
- console.log('Tooltip shown');
- });
- $(".tooltipbutton").on("hide.bs.tooltip", function() {
- console.log('Hiding tooltip');
- });
- $(".tooltipbutton").on("hidden.bs.tooltip", function() {
- console.log('Tooltip hidden');
- });
- </script>
- </body>
- </html>
|