corrade-http-templates – Diff between revs 2 and 11
?pathlinks?
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> |