<form action="fancy_upload.php" method="post" enctype="multipart/form-data" id="form-demo">
<script type="text/javascript" src="/fancyupload/mootools.js"></script>
<script type="text/javascript" src="/fancyupload/Swiff.Uploader.js"></script>
<script type="text/javascript" src="/fancyupload/Fx.ProgressBar.js"></script>
<script type="text/javascript" src="/fancyupload/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': '/fancyupload/Swiff.Uploader.swf',
'onLoad': function() {
$('demo-status').removeClass('hide');
/*$('demo-fallback').destroy();*/
}
});
/**
* Various interactions
*/
$('demo-browse-all').addEvent('click', function() {
swiffy.browse();
return false;
});
$('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;
});
});
/* ]]> */
var progressb=document.getElementById("progressblock");
</script>
<div id="demo-status" style="width:60%;" class="hide">
<a href="#" id="demo-browse-all" class="button">Обзор</a>
<a href="#" id="demo-browse-images" class="button">Обзор только картинок</a>
<a href="#"style="color:red !important;" id="demo-clear" class="button">Очистить список</a><br/>
<input type="submit" name=b onClick="form.b.disabled=true" style=" height:30px !important; font-size:16pt !important;" id="demo-upload" class="button" value="Выгрузить"/><br/>
<br/>
<div>
<strong class="overall-title">Overall progress</strong><br />
<img src="/fancyupload/bar.gif" class="progress overall-progress" />
</div>
<div>
<strong class="current-title">File Progress</strong><br />
<img src="/fancyupload/bar.gif" class="progress current-progress" />
</div>
<div class="current-text"></div>
<ul id="demo-list"></ul>
</div>
</form>