~ubuntu-branches/ubuntu/precise/whoopsie-daisy/precise-updates

« back to all changes in this revision

Viewing changes to backend/stats/static/js/yui/tests/scrollview/tests/manual/scrollview-dom.html

  • Committer: Package Import Robot
  • Author(s): Evan Dandrea
  • Date: 2012-04-18 13:04:36 UTC
  • Revision ID: package-import@ubuntu.com-20120418130436-vmt93p8fds516lws
Tags: 0.1.32
Fix failing tests on powerpc and ARM.

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 
2
<html>
 
3
    <head>
 
4
        <title>ScrollView Example</title>
 
5
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
 
6
        <link rel="stylesheet" href="../../../../build/cssreset/reset-min.css" type="text/css" media="screen" title="no title" charset="utf-8">
 
7
 
 
8
        <!--<script src=".http://yui.yahooapis.com/3.5.0pr1/build/yui/yui-min.js" type="text/javascript" charset="utf-8"></script> 
 
9
        -->
 
10
        <script src="../../../../build/yui/yui.js" type="text/javascript" charset="utf-8"></script> 
 
11
        
 
12
        <style>
 
13
        #scrollview-bounding {
 
14
            xborder:dotted 2px orange;
 
15
            height:500px;
 
16
        }
 
17
 
 
18
        #scrollview-content {
 
19
            white-space:nowrap;
 
20
        }
 
21
 
 
22
        #scrollview-content li{
 
23
            display:inline-block;
 
24
            width:298px;
 
25
            height:298px;
 
26
            border:1px solid red;
 
27
            color:black;
 
28
            font-size:40px;
 
29
            opacity: 0.5;
 
30
            background-image: -webkit-linear-gradient(top, red, white, blue);
 
31
            text-align:center;
 
32
        }​
 
33
        </style>
 
34
        
 
35
        <script type="text/javascript" charset="utf-8">
 
36
        var scrollView;
 
37
        YUI({
 
38
            debug: true,
 
39
            filter:"raw"
 
40
        }).use('scrollview-base', 'scrollview-paginator', function(Y) {
 
41
 
 
42
            for (var j=0; j<100; j++){
 
43
                Y.one("#scrollview-content ul").append("<li>" + j + "</li>");
 
44
            }
 
45
 
 
46
            scrollView = new Y.ScrollView({
 
47
                id: "scrollview",
 
48
                srcNode : '#scrollview-content',
 
49
                width: "300px"
 
50
            });
 
51
 
 
52
            scrollView.plug(Y.Plugin.ScrollViewPaginator, {
 
53
                selector: 'li',
 
54
                optimizeMemory: true
 
55
            });
 
56
 
 
57
            scrollView.render();
 
58
        });
 
59
        </script>
 
60
    </head>
 
61
 
 
62
    <body class="yui3-skin-sam">
 
63
        <div>
 
64
            <div id="scrollview-content">
 
65
                <ul></ul>
 
66
            </div>
 
67
        </div>
 
68
    </body>
 
69
</html>
 
 
b'\\ No newline at end of file'