Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
tree: 6a2f8cb541
Fetching contributors…

Octocat-spinner-32-eaf2f5

Cannot retrieve contributors at this time

file 63 lines (56 sloc) 1.962 kb
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62
<!DOCTYPE html>
<html>
    <head>
        <title>Test Page for JavaScript TabUI</title>

        <link rel="stylesheet" type="text/css" href="style.css" />

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script>
            window.jQuery || document.write('<script src="libs/jquery-1.7.1.min.js"><\/script>')
        </script>

    </head>
    <body>

        <div class="tabs">
            <ul>
                <li class="selected">
                    <h3>Some Tab</h3>
                    <div>
                        <h4>This is my tab content</h4>
                        <p>Some more content</p>
                    </div>
                </li>
                <li>
                    <h3>Some Other Tab</h3>
                    <div>
                        <h4>This is my other tab contents</h4>
                        <p>Some more other content</p>
                    </div>
                </li>
                <li>
                    <h4>Some Other Tab 2</h4>
                    <div>
                        <h5>This is my other tab 2 contents</h5>
                        <p>Some more other content</p>
                    </div>
                </li>
                <li>
                    <h3>Ajax Content Tab</h3>
                    <div data-content-url="ajax-loaded-content.html">
                        <h4>This is my other tab 3 contents</h4>
                        <p>Some more other content</p>
                    </div>
                </li>
            </ul>
        </div>

        <script src="src/tabui.js"></script>
        <script>
            var options = {
                tabChangeHandler: function (tab) {
                    console.log('Tab Selected');
                    console.log(tab);
                },
                eagerLoadContent: true
            },

            tabControl = $('.tabs').tabui(options);
        </script>
    </body>
</html>
Something went wrong with that request. Please try again.