← Back to branch summary

~smagoun/whoopsie/whoopsie-lp1017637

« back to all changes in this revision

Viewing changes to backend/stats/static/js/yui/tests/uploader-deprecated/tests/uploader-simple.html

  • Committer: Evan Dandrea
  • Date: 2012-05-09 05:53:45 UTC
  • Revision ID: evan.dandrea@canonical.com-20120509055345-z2j41tmcbf4as5uf
The backend now lives in lp:daisy and the website (errors.ubuntu.com) now lives in lp:errors.

Show diffs side-by-side

added added

removed removed

Lines of Context:
backend/stats/static/js/yui/tests/uploader-deprecated/tests/uploader-simple.html
1
 
<html>
2
 
<head>
3
 
    <title>Uploader Example: Single File Upload with Progress Tracking and a Sprite-skinned Button</title>
4
 
        <script type="text/javascript" src="../../../build/yui/yui-min.js"></script>
5
 
        <script type="text/javascript" src="../../../build/uploader-deprecated/uploader-deprecated.js"></script>
6
 
 
7
 
        <style type="text/css">
8
 
                .uploadButton a {
9
 
                        display:block;
10
 
                        width:100px;
11
 
                        height:40px;
12
 
                        text-decoration: none;
13
 
                }
14
 
 
15
 
                .uploadButton a {
16
 
                        background: url("assets/uploadFileButton.png") 0 0 no-repeat;
17
 
                }
18
 
 
19
 
            .uploadButton a:visited {
20
 
                        background-position: 0 0;
21
 
                }
22
 
 
23
 
            .uploadButton a:hover {     
24
 
                        background-position: 0 -40px;
25
 
                }
26
 
 
27
 
            .uploadButton a:active {
28
 
                        background-position: 0 -80px;
29
 
                }
30
 
        </style>
31
 
 
32
 
</head>
33
 
<body>
34
 
<h1>Uploader Example: Single File Upload with Progress Tracking and a Sprite-skinned Button</h1>
35
 
 
36
 
<div id="selectButton" style="width:100px;height:40px"></div> 
37
 
<div class="uploadButton"><a href="#" id="uploadButtonLink"></a></div>
38
 
 
39
 
<div id="filename">
40
 
File selected:
41
 
</div>
42
 
<div id="percent">
43
 
Percent uploaded:
44
 
</div>
45
 
 
46
 
 
47
 
 
48
 
<script>
49
 
 
50
 
YUI({ debug:true, filter:"raw" }).use('base', 'event', 'node', 'swf', 'uploader-deprecated', function (Y) {
51
 
 
52
 
var uploader = new Y.Uploader({boundingBox:"#selectButton", 
53
 
                                                           swfURL:"../../../build/uploader-deprecated/assets/uploader.swf",
54
 
                                                           buttonSkin:"assets/selectFileButton.png",
55
 
                                                           transparent: false});        
56
 
 
57
 
uploader.on("uploaderReady", setupUploader);
58
 
uploader.on("fileselect", fileSelect);
59
 
uploader.on("uploadprogress", updateProgress);
60
 
uploader.on("uploadcomplete", uploadComplete);
61
 
 
62
 
Y.one("#uploadButtonLink").on("click", uploadFile);
63
 
 
64
 
 
65
 
function setupUploader (event) {
66
 
        uploader.set("multiFiles", false);
67
 
        uploader.set("log", true);
68
 
        
69
 
        var fileFilters = new Array({description:"Images", extensions:"*.jpg;*.png;*.gif"},
70
 
                           {description:"Videos", extensions:"*.avi;*.mov;*.mpg"}); 
71
 
        
72
 
    uploader.set("fileFilters", fileFilters);
73
 
}
74
 
 
75
 
 
76
 
function fileSelect (event) {
77
 
        var fileData = event.fileList;  
78
 
 
79
 
        for (var key in fileData) {
80
 
                var output = "File selected: " + fileData[key].name;
81
 
                Y.one("#filename").setContent(output);
82
 
        }
83
 
}
84
 
 
85
 
function updateProgress (event) {
86
 
        Y.one("#percent").setContent("Percent uploaded: " + Math.round((100 * event.bytesLoaded / event.bytesTotal)) + "%");
87
 
}
88
 
 
89
 
function uploadComplete (event) {
90
 
        Y.one("#percent").setContent("Upload complete!");
91
 
}
92
 
 
93
 
function uploadFile (event) {
94
 
        uploader.uploadAll("http://www.yswfblog.com/upload/upload_simple.php");
95
 
}
96
 
 
97
 
 
98
 
});
99
 
 
100
 
</script>
101
 
 
102
 
</body>
103
 
</html>