cued

Back Back Up Advanced Editor

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?php
//include("../inc/global.php");?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="uploadify/scripts/jquery1_5.js" type="text/javascript" /></script>
<script src="uploadify/scripts/jquery_ui_1_8_9.js" type="text/javascript" /></script>
<script src="uploadify/scripts/jquery.fileupload.js" type="text/javascript" /></script>
<script src="uploadify/scripts/jquery.fileupload-ui.js" type="text/javascript" /></script>
<script>
/*global $ */
var allfiles = new Array();
var globalcounter = 0;
$(function () {
    $('#file_upload').fileUploadUI({
        uploadTable: $('#files'),
		
        downloadTable: $('#files', window.parent.document), //$('#files'),
        buildUploadRow: function (files, index) {
			allfiles.push(files[index].name);   // we put all filename into an array
            return $('<tr><td>' + files[index].name + '<\/td>' +
                    '<td class="file_upload_progress"><div><\/div><\/td>' +
                    '<td class="file_upload_cancel">' +
                    '<button class="ui-state-default ui-corner-all" title="Cancel">' +
                    '<span class="ui-icon ui-icon-cancel">Cancel<\/span>' +
                    '<\/button><\/td><\/tr>');
        },
        buildDownloadRow: function (file) {
			parent.document.getElementById('adsnl_image').value=parent.document.getElementById('adsnl_image').value+','+file.name;
			return $('<tr id="' + file.name + '" class="block" style="margin:10px; margin-left:0px;"><td><img src="images/' + file.name + '" height="120" width="180" border="0" style="margin-top:20px;"></td><td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:void(0);" onclick="javascript:removeImage(\'' + file.name + '\');"><i class="fa fa-trash-o" aria-hidden="true"></i></a></td><tr>');
			
           
        },
        onComplete: function (event, files, index, xhr, handler) {
            handler.onCompleteAll(files);
        },
        onCompleteAll: function (files) {
            globalcounter++;
            if(globalcounter == allfiles.length) {
        		parent.Shadowbox.close();
        		globalcounter = 0;
            	allfiles = Array();
            }

}
    });
});
</script>
<style>
body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.file_upload {
	position: relative;
	overflow: hidden;
	direction: ltr;
	cursor: pointer;
	text-align: center;
	color: #333;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 130px;
	line-height: 20px;
	background: #CCC;
	border: 1px solid #AAA;
	margin-bottom:10px;
	cursor: pointer;
}
.file_upload_highlight {
	background: #EEE;
}
.file_upload input {
	position: absolute;
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
	filter: alpha(opacity=0);
	-o-transform: translate(-130px, -130px) scale(10);
	-moz-transform: translate(-300px, 0) scale(10);
	cursor: pointer;
}
.file_upload iframe, .file_upload button {
	display: none;
}
.file_upload_preview img {
	width: 80px;
}
.file_upload_progress .ui-progressbar-value {
	background: url(images/pbar-ani.gif);
}
.file_upload_progress div {
	width: 150px;
	height: 15px;
}
.file_upload_cancel button {
	cursor: pointer;
}
.bi {
	cursor: pointer;
}
</style>
</head>

<body style="background:none;">
<table id="files">
    <tr>
        <td align="center" ></td>
    </tr>
</table>
</td>
</tr>
</table>
<form id="file_upload" name="file_upload" action="img_up.php" method="POST" enctype="multipart/form-data">
    <table width="100%" border="0" align="center" cellpadding="2" cellspacing="1">
        <tr>
            <td colspan="2" class="admlsttxt bi"><input type="file" name="file" multiple class="bi">
                <button>Upload</button>
                <div class="bi">Browse Images</div></td>
        </tr>
    </table>
</form>
</body>
</html>