← Back to branch summary

~bac/juju-gui/trunkcopy

« back to all changes in this revision

Viewing changes to lib/yui/tests/node-focusmanager/tests/manual/tabview-input.html

  • Committer: kapil.foss at gmail
  • Date: 2012-07-13 18:45:59 UTC
  • Revision ID: kapil.foss@gmail.com-20120713184559-2xl7be17egsrz0c9
reshape

Show diffs side-by-side

added added

removed removed

Lines of Context:
lib/yui/tests/node-focusmanager/tests/manual/tabview-input.html
1
 
<!DOCTYPE html>
2
 
<html>
3
 
<head>
4
 
    <meta charset="utf-8">
5
 
    <title>TabView input/textarea/select test</title>
6
 
</head>
7
 
<body class="yui3-skin-sam">
8
 
 
9
 
<h1>TabView input/textarea/select test</h1>
10
 
 
11
 
<p>
12
 
Switch between tabs and then use the arrow keys to move the cursor or selection
13
 
in the form elements. See <a href="http://yuilibrary.com/projects/yui3/ticket/2529041">bug #2529041</a>
14
 
for details.
15
 
</p>
16
 
 
17
 
<div id="demo">
18
 
    <ul>
19
 
        <li><a href="#foo">foo</a></li>
20
 
        <li><a href="#bar">bar</a></li>
21
 
        <li><a href="#baz">baz</a></li>
22
 
    </ul>
23
 
 
24
 
    <div>
25
 
        <div id="foo">
26
 
            <p>Foo form:</p>
27
 
            <form>
28
 
                <input value="lorem ipsum dolor sit amet">
29
 
 
30
 
                <br>
31
 
                <label>
32
 
                    <input type="radio" name="radio1"> Aardvark
33
 
                </label>
34
 
                <label>
35
 
                    <input type="radio" name="radio1"> Bumblebee
36
 
                </label>
37
 
                <label>
38
 
                    <input type="radio" name="radio1"> Cheetah
39
 
                </label>
40
 
 
41
 
                <br>
42
 
                <select>
43
 
                    <option>foo</option>
44
 
                    <option>bar</option>
45
 
                    <option>baz</option>
46
 
                </select>
47
 
 
48
 
                <br>
49
 
                <textarea cols="30" rows="10">Four score and seven years ago our fathers brought forth on this continent a new nation, conceived in Liberty, and dedicated to the proposition that all men are created equal. Narwhals are awesome.</textarea>
50
 
            </form>
51
 
        </div>
52
 
        <div id="bar">
53
 
            <p>Bar form:</p>
54
 
            <form>
55
 
                <input type="text" value="lorem ipsum dolor sit amet">
56
 
 
57
 
                <br>
58
 
                <label>
59
 
                    <input type="radio" name="radio2"> Aardvark
60
 
                </label>
61
 
                <label>
62
 
                    <input type="radio" name="radio2"> Bumblebee
63
 
                </label>
64
 
                <label>
65
 
                    <input type="radio" name="radio2"> Cheetah
66
 
                </label>
67
 
 
68
 
                <br>
69
 
                <select>
70
 
                    <option>foo</option>
71
 
                    <option>bar</option>
72
 
                    <option>baz</option>
73
 
                </select>
74
 
 
75
 
                <br>
76
 
                <textarea cols="30" rows="10">Four score and seven years ago our fathers brought forth on this continent a new nation, conceived in Liberty, and dedicated to the proposition that all men are created equal. Narwhals are awesome.</textarea>
77
 
            </form>
78
 
        </div>
79
 
        <div id="baz">baz content</div>
80
 
    </div>
81
 
</div>
82
 
 
83
 
<script src="../../../build/yui/yui.js"></script>
84
 
<script>
85
 
var Y = YUI().use('tabview', function (Y) {
86
 
    new Y.TabView({srcNode: '#demo', render: true});
87
 
});
88
 
</script>
89
 
 
90
 
</body>
91
 
</html>