corrade-http-templates – Diff between revs 2 and 11

Subversion Repositories:
Rev:
Show entire fileIgnore whitespace
Rev 2 Rev 11
Line 1... Line 1...
1 <!doctype html> 1 <!doctype html>
Line 2... Line 2...
2   2  
-   3 <html lang="en">
3 <html lang="en"> 4  
4 <head> 5 <head>
Line 5... Line 6...
5 <meta charset="utf-8"> 6 <meta charset="utf-8">
6   7  
7 <title>Download Texture</title> 8 <title>Download Texture</title>
8 9  
9 <meta name="description" content="Retrieving and Displaying an In-World Texture"> 10 <meta name="description" content="Retrieving and Displaying an In-World Texture">
10 <meta name="author" content="Wizardry and Steamworks"> -  
11 -  
12 <link rel="stylesheet" href="css/fonts.css?v=1.0"> -  
13 <link rel="stylesheet" href="css/style.css?v=1.0"> 11 <meta name="author" content="Wizardry and Steamworks">
14 12  
15 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 13 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
16 <script type="text/javascript"> 14 <script type="text/javascript">
17 $(document).ready(function () { 15 $(document).ready(function() {
-   16 $("#download").click(function(e) {
-   17 $("#control").animate({
18 $("#download").click(function(e){ 18 opacity: 'hide'
19 $("#control").animate({ opacity: 'hide' }, 'slow'); 19 }, 'slow');
20 $('#texture').attr('src', 'images/loader.gif'); 20 $('#texture').attr('src', 'images/loader.gif');
21 $.ajax({ 21 $.ajax({
22 type: 'post', 22 type: 'post',
23 url: "downloadTexture.php?t=" + Math.random(), 23 url: "downloadTexture.php?t=" + Math.random(),
24 data: { 24 data: {
25 uuid: $("#uuid").val() 25 uuid: $("#uuid").val()
26 } 26 }
27 }).done(function(data) { 27 }).done(function(data) {
-   28 $('#texture').attr('src', "data:image/png;base64," + data);
-   29 $("#control").animate({
-   30 opacity: 'show'
28 $('#texture').attr('src', "data:image/png;base64," + data); 31 }, 'slow');
29 $("#control").animate({ opacity: 'show' }, 'slow'); 32 });
30 }); -  
31 }); 33 });
32 }); 34 });
Line 33... Line 35...
33 </script> 35 </script>
34 </head> 36 </head>
35   37  
36 <body> 38 <body>
37 <div id="container" align="center"> 39 <div id="container" align="center">
38 <div id="image"> 40 <div id="image">
39 <img src="images/loader-image.png" align="middle" id="texture"><br/> 41 <img src="images/loader-image.png" align="middle" id="texture"><br/>
40 </div> 42 </div>
41 <div id="control"> 43 <div id="control">
42 <input type="text" size="32" value="c2e0037f-4059-b80a-4ffd-3ce0aed7ac7e" id="uuid"></input><br/> 44 <input type="text" size="32" value="" id="uuid"></input><br/>
43 <button type="button" id="download">Download</button> 45 <button type="button" id="download">Download</button>
-   46 </div>
44 </div> 47 </div>