corrade-http-templates
/downloadTexture/downloadTexture.html |
@@ -1,37 +1,35 @@ |
<!doctype html> |
|
<html lang="en"> |
|
<head> |
<meta charset="utf-8"> |
|
<title>Download Texture</title> |
|
|
<meta name="description" content="Retrieving and Displaying an In-World Texture"> |
<meta name="author" content="Wizardry and Steamworks"> |
|
|
<link rel="stylesheet" href="css/fonts.css?v=1.0"> |
<link rel="stylesheet" href="css/style.css?v=1.0"> |
|
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> |
<script type="text/javascript"> |
$(document).ready(function() { |
$("#download").click(function(e) { |
$("#control").animate({ |
opacity: 'hide' |
}, 'slow'); |
$('#texture').attr('src', 'images/loader.gif'); |
$.ajax({ |
type: 'post', |
url: "downloadTexture.php?t=" + Math.random(), |
data: { |
uuid: $("#uuid").val() |
} |
}).done(function(data) { |
$('#texture').attr('src', "data:image/png;base64," + data); |
$("#control").animate({ |
opacity: 'show' |
}, 'slow'); |
}); |
$(document).ready(function () { |
$("#download").click(function(e){ |
$("#control").animate({ opacity: 'hide' }, 'slow'); |
$('#texture').attr('src', 'images/loader.gif'); |
$.ajax({ |
type: 'post', |
url: "downloadTexture.php?t=" + Math.random(), |
data: { |
uuid: $("#uuid").val() |
} |
}).done(function(data) { |
$('#texture').attr('src', "data:image/png;base64," + data); |
$("#control").animate({ opacity: 'show' }, 'slow'); |
}); |
}); |
}); |
</script> |
</head> |
|
@@ -41,10 +39,9 @@ |
<img src="images/loader-image.png" align="middle" id="texture"><br/> |
</div> |
<div id="control"> |
<input type="text" size="32" value="" id="uuid"></input><br/> |
<input type="text" size="32" value="c2e0037f-4059-b80a-4ffd-3ce0aed7ac7e" id="uuid"></input><br/> |
<button type="button" id="download">Download</button> |
</div> |
</div> |
</body> |
|
</html> |