FancyUpload
ben al heel de morgen en middag bezig om de nieuwe versie werkend te krijgen maar het lukt me gewoon echt niet.
is der iemand die hem wel werkend krijgt?
nieuw versie is hier te downloaden klik
de mootools core is hier te verkrijgen mootools-1.2.1-core.js
dit heb ik geprobeerd maar werkt bij mij niet
Code (php)
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
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
<script type="text/javascript" src="js/mootools-1.2.1-core.js"></script>
<script type="text/javascript" src="js/Swiff.Uploader.js"></script>
<script type="text/javascript" src="js/Fx.ProgressBar.js"></script>
<script type="text/javascript" src="js/FancyUpload2.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
window.addEvent('load', function() {
// For testing, showing the user the current Flash version.
// document.getElement('h3 + p').appendText(' Detected Flash ' + Browser.Plugins.Flash.version + '!');
var swiffy = new FancyUpload2($('demo-status'), $('demo-list'), {
url: $('form-demo').action,
fieldName: 'photoupload',
path: 'js/Swiff.Uploader.swf',
limitSize: 2 * 1024 * 1024, // 2Mb
onLoad: function() {
$('demo-status').removeClass('hide');
$('demo-fallback').destroy();
},
// The changed parts!
debug: true, // enable logs, uses console.log
target: 'demo-browse' // the element for the overlay (Flash 10 only)
});
/**
* Various interactions
*/
$('demo-browse').addEvent('click', function() {
/**
* Doesn't work anymore with Flash 10: swiffy.browse();
* FancyUpload moves the Flash movie as overlay over the link.
* (see opeion "target" above)
*/
swiffy.browse();
return false;
});
/**
* The *NEW* way to set the typeFilter, since Flash 10 does not call
* swiffy.browse(), we need to change the type manually before the browse-click.
*/
$('demo-select-images').addEvent('change', function() {
var filter = null;
if (this.checked) {
filter = {'Images (*.jpg, *.jpeg, *.gif, *.png)': '*.jpg; *.jpeg; *.gif; *.png'};
}
swiffy.options.typeFilter = filter;
});
$('demo-clear').addEvent('click', function() {
swiffy.removeFile();
return false;
});
$('demo-upload').addEvent('click', function() {
swiffy.upload();
return false;
});
});
/* ]]> */
</script>
</head>
<form action="/project/fancyupload/2-0/showcase/photoqueue/script.php" method="post" enctype="multipart/form-data" id="form-demo">
<fieldset id="demo-fallback">
<legend>File Upload</legend>
<p>
Selected your photo to upload.<br />
<strong>This form is just an example fallback for the unobtrusive behaviour of FancyUpload.</strong>
</p>
<label for="demo-photoupload">
Upload Photos:
<input type="file" name="photoupload" id="demo-photoupload" />
</label>
</fieldset>
<div id="demo-status" class="hide">
<p>
<a href="#" id="demo-browse">Browse Files</a> |
<input type="checkbox" id="demo-select-images" /> Images Only |
<a href="#" id="demo-clear">Clear List</a> |
<a href="#" id="demo-upload">Upload</a>
</p>
<div>
<strong class="overall-title">Overall progress</strong><br />
<img src="../../assets/progress-bar/bar.gif" class="progress overall-progress" />
</div>
<div>
<strong class="current-title">File Progress</strong><br />
<img src="../../assets/progress-bar/bar.gif" class="progress current-progress" />
</div>
<div class="current-text"></div>
</div>
<ul id="demo-list"></ul>
</form>
<script type="text/javascript" src="js/Swiff.Uploader.js"></script>
<script type="text/javascript" src="js/Fx.ProgressBar.js"></script>
<script type="text/javascript" src="js/FancyUpload2.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
window.addEvent('load', function() {
// For testing, showing the user the current Flash version.
// document.getElement('h3 + p').appendText(' Detected Flash ' + Browser.Plugins.Flash.version + '!');
var swiffy = new FancyUpload2($('demo-status'), $('demo-list'), {
url: $('form-demo').action,
fieldName: 'photoupload',
path: 'js/Swiff.Uploader.swf',
limitSize: 2 * 1024 * 1024, // 2Mb
onLoad: function() {
$('demo-status').removeClass('hide');
$('demo-fallback').destroy();
},
// The changed parts!
debug: true, // enable logs, uses console.log
target: 'demo-browse' // the element for the overlay (Flash 10 only)
});
/**
* Various interactions
*/
$('demo-browse').addEvent('click', function() {
/**
* Doesn't work anymore with Flash 10: swiffy.browse();
* FancyUpload moves the Flash movie as overlay over the link.
* (see opeion "target" above)
*/
swiffy.browse();
return false;
});
/**
* The *NEW* way to set the typeFilter, since Flash 10 does not call
* swiffy.browse(), we need to change the type manually before the browse-click.
*/
$('demo-select-images').addEvent('change', function() {
var filter = null;
if (this.checked) {
filter = {'Images (*.jpg, *.jpeg, *.gif, *.png)': '*.jpg; *.jpeg; *.gif; *.png'};
}
swiffy.options.typeFilter = filter;
});
$('demo-clear').addEvent('click', function() {
swiffy.removeFile();
return false;
});
$('demo-upload').addEvent('click', function() {
swiffy.upload();
return false;
});
});
/* ]]> */
</script>
</head>
<form action="/project/fancyupload/2-0/showcase/photoqueue/script.php" method="post" enctype="multipart/form-data" id="form-demo">
<fieldset id="demo-fallback">
<legend>File Upload</legend>
<p>
Selected your photo to upload.<br />
<strong>This form is just an example fallback for the unobtrusive behaviour of FancyUpload.</strong>
</p>
<label for="demo-photoupload">
Upload Photos:
<input type="file" name="photoupload" id="demo-photoupload" />
</label>
</fieldset>
<div id="demo-status" class="hide">
<p>
<a href="#" id="demo-browse">Browse Files</a> |
<input type="checkbox" id="demo-select-images" /> Images Only |
<a href="#" id="demo-clear">Clear List</a> |
<a href="#" id="demo-upload">Upload</a>
</p>
<div>
<strong class="overall-title">Overall progress</strong><br />
<img src="../../assets/progress-bar/bar.gif" class="progress overall-progress" />
</div>
<div>
<strong class="current-title">File Progress</strong><br />
<img src="../../assets/progress-bar/bar.gif" class="progress current-progress" />
</div>
<div class="current-text"></div>
</div>
<ul id="demo-list"></ul>
</form>
Ik zal even een edit gaat doen als ik thuis ben.
ik wordt helemaal gek hier...
dus als je dat zou willen doen HEEEEEl graag
zou je misschien een werkende versie als zip download baar kunnen maken aub :D
@Chris
nou ik krijg de nieuwe versie gewoon niet werkend....
Gewijzigd op 01/01/1970 01:00:00 door RvW Of toch niet
Nee, ik gebruik geen FancyUpload. Heb daar andere dingen voor gemaakt :-)
Ik zit nu op school, zal als ik thuis ben wel ff de code plaatsen.
Index.php
Code (php)
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
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
<script type="text/javascript" src="mootools-trunk.js"></script>
<script type="text/javascript" src="Swiff.Uploader.js"></script>
<script type="text/javascript" src="Fx.ProgressBar.js"></script>
<script type="text/javascript" src="FancyUpload2.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
window.addEvent('load', function() {
var swiffy = new FancyUpload2($('demo-status'), $('demo-list'), {
'url': $('form-demo').action,
'fieldName': 'photoupload',
'path': 'Swiff.Uploader.swf',
'onLoad': function() {
$('demo-status').removeClass('hide');
$('demo-fallback').destroy();
}
});
/**
* Various interactions
*/
$('demo-browse-images').addEvent('click', function() {
swiffy.browse({'Images (*.jpg, *.jpeg, *.gif, *.png)': '*.jpg; *.jpeg; *.gif; *.png'});
return false;
});
$('demo-clear').addEvent('click', function() {
swiffy.removeFile();
return false;
});
$('demo-upload').addEvent('click', function() {
swiffy.upload();
return false;
});
});
/* ]]> */
</script>
<form action="script.php?map=<?php echo $_GET['map']; ?>" method="post" enctype="multipart/form-data" id="form-demo">
<div id="demo-status" class="hide">
<p>
<a href="#" id="demo-browse-images">Foto's Selecteren</a> |
<a href="#" id="demo-clear">Lijst Schoonmaken</a> |
<a href="#" id="demo-upload">Uploaden</a>
</p>
<div>
<strong class="overall-title">Vooruitgang van uploaden de bestanden:</strong><br />
<img src="bar.gif" class="progress overall-progress" />
</div>
<div>
<strong class="current-title">Bestands Vooruitgang:</strong><br />
<img src="bar.gif" class="progress current-progress" />
</div>
<div class="current-text"></div>
</div>
<ul id="demo-list"></ul>
</form>
<script type="text/javascript" src="Swiff.Uploader.js"></script>
<script type="text/javascript" src="Fx.ProgressBar.js"></script>
<script type="text/javascript" src="FancyUpload2.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
window.addEvent('load', function() {
var swiffy = new FancyUpload2($('demo-status'), $('demo-list'), {
'url': $('form-demo').action,
'fieldName': 'photoupload',
'path': 'Swiff.Uploader.swf',
'onLoad': function() {
$('demo-status').removeClass('hide');
$('demo-fallback').destroy();
}
});
/**
* Various interactions
*/
$('demo-browse-images').addEvent('click', function() {
swiffy.browse({'Images (*.jpg, *.jpeg, *.gif, *.png)': '*.jpg; *.jpeg; *.gif; *.png'});
return false;
});
$('demo-clear').addEvent('click', function() {
swiffy.removeFile();
return false;
});
$('demo-upload').addEvent('click', function() {
swiffy.upload();
return false;
});
});
/* ]]> */
</script>
<form action="script.php?map=<?php echo $_GET['map']; ?>" method="post" enctype="multipart/form-data" id="form-demo">
<div id="demo-status" class="hide">
<p>
<a href="#" id="demo-browse-images">Foto's Selecteren</a> |
<a href="#" id="demo-clear">Lijst Schoonmaken</a> |
<a href="#" id="demo-upload">Uploaden</a>
</p>
<div>
<strong class="overall-title">Vooruitgang van uploaden de bestanden:</strong><br />
<img src="bar.gif" class="progress overall-progress" />
</div>
<div>
<strong class="current-title">Bestands Vooruitgang:</strong><br />
<img src="bar.gif" class="progress current-progress" />
</div>
<div class="current-text"></div>
</div>
<ul id="demo-list"></ul>
</form>
Let wel even op dat alles (css, javascript enz.) in een map moet staan.
Edit: RWV, Check je PM
Gewijzigd op 01/01/1970 01:00:00 door Bart Tuma
Of zal ik mijn code nog plaatsen?
Bart Tuma schreef op 16.12.2008 17:24:
RVW, onderstaande code is van mijn FancyUpload (heb het nog niet naar andere benamingen dus overal staat nog 'demo' etc.
..
..
is dit wel de versie met de flash 10 update ??
http://digitarald.de/journal/54706744/fancyupload-for-flash-10/
@brie
heb jij wel met flash 10
mijn kennis in js is gering dus daar ken ik geen uitspraak over doen.
@ rest
proleem is opgelost. denk dat het hem zat in dat ik de verkeerd mootools versie had :S
want toen ik namelijk de mootools versie van zijn site gebruikte werkte het ...
Tnx voor de Hulp iedereen!