Skip to content
This repository
tree: 45ee73faa5
Fetching contributors…

Cannot retrieve contributors at this time

file 158 lines (147 sloc) 5.215 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 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>YUI: TabView Flicker and TabView inside TabView</title>
    <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.2.2/build/reset-fonts-grids/reset-fonts-grids.css">
    <link rel="stylesheet" href="http://blog.davglass.com/wp-content/themes/davglass/style.css" type="text/css">
    <link rel="stylesheet" type="text/css" href="http://us.js2.yimg.com/us.js.yimg.com/i/ydn/yuiweb/css/dpsyntax-min-11.css">
    <style type="text/css" media="screen">
        p, h2 {
            margin: 1em;
        }
        #demo {
            width: 450px;
            margin: 1em;
        }
        #demo2 {
            width: 400px;
            margin: 1em;
        }
        ul.yui-nav {
            zoom: 1;
        }
        ul.yui-nav:after {
           display: block;
           clear: both;
           visibility: hidden;
           content: '.';
           height: 0;
        }
     
        ul.yui-nav li {
            float: left;
            cursor: pointer;
            display: block;
            padding: .25em;
            border: 1px solid black;
            margin: .25em .25em -1px .25em;
            background-color: #fff;
        }

        ul.yui-nav li.selected {
            background-color: #ccc;
            border-bottom: 1px solid #ccc;
        }

        ul.yui-nav li a {
            text-decoration: none;
            color: black;
        }

        div.yui-content {
            border: 1px solid black;
            height: 250px;
            background-color: #ccc;
        }

        #demo2 div.yui-content {
            height: 150px;
        }
        
        div.yui-content div {
            display: none;
        }

        #demo2 div.yui-content, #demo2 {
            display: block;
        }
</style>
</head>
<body>
<div id="davdoc" class="yui-t7">
    <div id="hd"><h1 id="header"><a href="http://blog.davglass.com/">YUI: TabView Flicker and TabView inside TabView</a></h1></div>
    <div id="bd">
        <div id="demo" class="yui-navset">
            <ul class="yui-nav">
                <li class="selected">Tab One Label</li>
                <li>Tab Two Label</li>
                <li>Tab Three Label</li>
            </ul>
            <div class="yui-content">
                <div><p>Tab One Content</p></div>
                <div><p>Tab Two Content</p></div>
                <div>
                <p>
                <div id="demo2" class="yui-navset">
                    <ul class="yui-nav">
                        <li class="selected">Tab One Label</li>
                        <li>Tab Two Label</li>
                        <li>Tab Three Label</li>
                    </ul>
                    <div class="yui-content">
                        <div><p>Tab One Content</p></div>
                        <div><p>Tab Two Content</p></div>
                        <div><p>Tab Three Content</p></div>
                    </div>
                </div>
                </p></div>
            </div>
        </div>
        <h2>The CSS</h2>
        <textarea name="code" class="XML">
        div.yui-content div {
            display: none;
        }

        #demo2 div.yui-content, #demo2 {
            display: block;
        }
        </textarea>
        <h2>The HTML</h2>
        <textarea name="code" class="XML">
        <div id="demo" class="yui-navset">
            <ul class="yui-nav">
                <li class="selected">Tab One Label</li>
                <li>Tab Two Label</li>
                <li>Tab Three Label</li>
            </ul>
            <div class="yui-content">
                <div><p>Tab One Content</p></div>
                <div><p>Tab Two Content</p></div>
                <div>
                <p>
                <div id="demo2" class="yui-navset">
                    <ul class="yui-nav">
                        <li class="selected">Tab One Label</li>
                        <li>Tab Two Label</li>
                        <li>Tab Three Label</li>
                    </ul>
                    <div class="yui-content">
                        <div><p>Tab One Content</p></div>
                        <div><p>Tab Two Content</p></div>
                        <div><p>Tab Three Content</p></div>
                    </div>
                </div>
                </p></div>
            </div>
        </div>
        </textarea>
    </div>
    <div id="ft">&nbsp;</div>
</div>
<script type="text/javascript" src="http://yui.yahooapis.com/2.2.2/build/utilities/utilities.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.2.2/build/tabview/tabview-min.js"></script>
<script type="text/javascript" src="../js/toolseffects-min.js"></script>
<script type="text/javascript" src="../js/davglass.js"></script>
<script src="http://us.js2.yimg.com/us.js.yimg.com/i/ydn/yuiweb/js/dpsyntax-min-2.js"></script>
<script type="text/javascript">

(function() {
    var tabView = new YAHOO.widget.TabView('demo');
    var tabView2 = new YAHOO.widget.TabView('demo2');

    dp.SyntaxHighlighter.HighlightAll('code');
})()

</script>
</body>
</html>
Something went wrong with that request. Please try again.