$(
document).
ready(
function()
{
$fub =
$(
'#drop-area');
$messages =
$(
'.messages');
var
uploader =
new
qq.
FileUploaderBasic(
{
button:
$fub[
0],
action:
'post_file.php',
debug:
true,
element:
$(
"#drop-area"),
multiple:
false,
autoUpload:
false,
allowedExtensions: [
'jpeg',
'jpg',
'gif',
'png'],
sizeLimit:
1572864,
// 1.5mb
onSubmit:
function(
id,
fileName)
{
$(
"#drop-area p").
html(
"Got it, let's go!");
},
onComplete:
function(
id,
fileName,
responseJSON)
{
if (
responseJSON.
status ==
"Success")
{
$(
"#drop-area").
css(
"background",
"none");
$(
"#drop-area").
html(
"<p class='success'>image uploaded</p>").
css(
"background",
"url('../img/done.png') center 60% no-repeat");
$(
".generate").
remove();
$(
"#result").
append(
"<div class='wrap'><div class='copy' id='img'>copy code as image</div></div><div class='wrap'><div class='copy' id='css'>copy code as css</div></div><div class='wrap'><div class='copy' id='base'>copy code as base64</div></div>");
$(
'#img').
zclip(
{
path:
'js/ZeroClipboard.swf',
copy:
responseJSON.
img
});
$(
'#css').
zclip(
{
path:
'js/ZeroClipboard.swf',
copy:
responseJSON.
css
});
$(
'#base').
zclip(
{
path:
'js/ZeroClipboard.swf',
copy:
responseJSON.
duri
});
$(
".bytes-crunched .count").
html(
responseJSON.
bytes);
}
else
{
alert(
responseJSON.
status);
}
}
});
$(
".generate button").
click(
function()
{
uploader.
uploadStoredFiles();
});
$(
"#submit").
click(
function()
{
var
emailVal =
$(
"#email").
val();
// $("#sendEmail").html('<img src="img/loading.gif" alt="Loading" id="loading" />');
$.
post(
"../email.php",
{
email:
emailVal
},
function(
data)
{
$(
"#sendEmail").
slideUp(
"normal",
function()
{
$(
"#sendEmail").
before(
'<h1>Success</h1><p>Your email was sent.</p>');
});
}
);
return
false;
});
});