Skip to content

Instantly share code, notes, and snippets.

@fidian

fidian/gist:4539248

Created January 15, 2013 15:04
Download ZIP

Revisions

  1. fidian created this gist Jan 15, 2013.
    37 changes: 37 additions & 0 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,37 @@
    <html><head><title>Test</title>
    <!-- jQuery 1.8.x -- using whatever is newest -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
    <link rel="stylesheet" href="themes/default/css/uniform.default.css" media="screen">
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    <script src="jquery.uniform.js"></script>
    <script>
    // Uniform every form element
    $(function () {
    $('#tabs').tabs();
    $('input, select').uniform();
    });
    </script>
    </html>
    <body>
    <!-- This form posts to a request inspector to ensure variables are being sent to the server -->
    <div id="tabs">
    <ul>
    <li><a href="#tabs-1">Tab 1</a></li>
    <li><a href="#tabs-2">Tab 2</a></li>
    </ul>
    <div id="tabs-1">
    See the form stuff on the next tab.
    </div>
    <div id="tabs-2">
    <form method="post" action="#">
    <input type="radio" name="r" value="1"> Radio 1<br>
    <input type="radio" name="r" value="2"> Radio 2<br>
    <select name="s">
    <option value="1">Select 1</option>
    <option value="2">Select 2</option>
    </select>
    </form>
    </div>
    </div>
    </body></html>