diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..2d72f5f --- /dev/null +++ b/index.html @@ -0,0 +1,47 @@ +<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8" />
+ <title>Synhestesis - Test</title>
+ </head>
+ <style type="text/css">
+ div.fileinputs {
+ position: relative;
+ }
+ div.fakefile {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ z-index: 1;
+ }
+ div.fakefile input[type=button] {
+ /* enough width to completely overlap the real hidden file control */
+ cursor: pointer;
+ }
+ div.fileinputs input.file {
+ position: relative;
+ text-align: right;
+ -moz-opacity:0 ;
+ filter:alpha(opacity: 0);
+ opacity: 0;
+ z-index: 2;
+ }
+ </style>
+ <body>
+ <div style="margin-top:5%;margin-left:auto;margin-right:auto;width:80%;height:100px;z-index:4;" id="onTop">
+ <span id="compteur"></span>
+ <span id="ratio"></span>
+
+ <div class="fileinputs">
+ <input type="file" class="file" id="getFile" />
+
+ <div class="fakefile">
+ <input type="button" value="Open" />
+ </div>
+ </div>
+ </div>
+ <div id="output" style="margin-left:auto;margin-right:auto;width:300px;height:300px;">
+ </div>
+ <script type="text/javascript" src="./synhestesis.js"></script>
+ </body>
+</html>
|