Project

General

Profile

Statistics
| Branch: | Revision:

colonymech / docs / www / colonyscout / internal / uploadify / uploadify-style.php @ f59acf11

History | View | Annotate | Download (1.93 KB)

1
<html xmlns="http://www.w3.org/1999/xhtml">
2
<head>
3
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
4
<title>Uploadify scriptData Sample</title>
5

    
6
<link rel="stylesheet" href="uploadify/uploadify.css" type="text/css" />
7
<link rel="stylesheet" href="css/uploadify.styling.css" type="text/css" />
8

    
9
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
10
<script type="text/javascript" src="js/jquery.uploadify.js"></script>
11

    
12
<script type="text/javascript">
13

14
$(document).ready(function() {
15
        $("#fileUploadstyle").fileUpload({
16
                'uploader': 'uploadify/uploader.swf',
17
                'cancelImg': 'uploadify/cancel.png',
18
                'script': 'uploadify/upload.php',
19
                'folder': 'files',
20
                'multi': true,
21
                'displayData': 'speed',
22
                'buttonImg': 'css/images/browseBtn.png',
23
                'width': 80,
24
                'height': 24,
25
                'rollover': true
26
        });
27

28
        $("#fileUploadstyle2").fileUpload({
29
                'uploader': 'uploadify/uploader.swf',
30
                'cancelImg': 'uploadify/cancel.png',
31
                'script': 'uploadify/upload.php',
32
                'folder': 'files',
33
                'multi': true,
34
                'simUploadLimit': 2,
35
                'hideButton': true,
36
                'width': 80,
37
                'height': 24
38
        });
39
});
40

    
41
</script>
42
</head>
43

    
44
<body>
45
      <fieldset style="border: 1px solid #CDCDCD; padding: 8px; padding-bottom:0px; margin: 8px 0">
46
                <legend><strong>Uploadify - Custom Styling Sample</strong></legend>
47
                <p>Button Image Override, CSS style to Queue container</p>
48
                <div id="fileUploadstyle">You have a problem with your javascript</div>
49
                <a href="javascript:$('#fileUploadstyle').fileUploadStart()">Start Upload</a> |  <a href="javascript:$('#fileUploadstyle').fileUploadClearQueue()">Clear Queue</a>
50
            <p></p>
51
<hr width=100% size="1" color="" align="center">
52
                <p>CSS styled button</p>
53
                <div id="fileUploadstyle2">You have a problem with your javascript</div>
54
                <a href="javascript:$('#fileUploadstyle2').fileUploadStart()">Start Upload</a> |  <a href="javascript:$('#fileUploadstyle2').fileUploadClearQueue()">Clear Queue</a>
55
            <p></p>
56
    </fieldset>
57
</body>
58
</html>