23 <html> |
23 <html> |
24 <head> |
24 <head> |
25 <!-- On inclut les styles et les scripts utilisés. --> |
25 <!-- On inclut les styles et les scripts utilisés. --> |
26 <title>IDILL - Mode d'interaction souris</title> |
26 <title>IDILL - Mode d'interaction souris</title> |
27 <meta charset="UTF-8" /> |
27 <meta charset="UTF-8" /> |
|
28 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> |
28 <link rel="stylesheet" type="text/css" href="./mosaic/css/reset.css" /> |
29 <link rel="stylesheet" type="text/css" href="./mosaic/css/reset.css" /> |
29 <link rel="stylesheet/less" type="text/css" href="./mosaic/css/mosaic.less" /> |
30 <link rel="stylesheet/less" type="text/css" href="./mosaic/css/mosaic.less" /> |
30 <script type="text/javascript" src="../lib/less-1.3.0.min.js"></script> |
31 <script type="text/javascript" src="../lib/less-1.3.0.min.js"></script> |
31 <script type="text/javascript" src="../lib/underscore-min.js"></script> |
32 <script type="text/javascript" src="../lib/underscore-min.js"></script> |
32 <script type="text/javascript" src="../lib/jquery.min.js"></script> |
33 <script type="text/javascript" src="../lib/jquery.min.js"></script> |
33 <script type="text/javascript" src="../lib/jquery-ui.min.js"></script> |
34 <script type="text/javascript" src="../lib/jquery-ui.min.js"></script> |
34 <script type="text/javascript" src="../lib/jquery.mousewheel-2.0.0.min.js"></script> |
35 <script type="text/javascript" src="../lib/jquery.mousewheel-2.0.0.min.js"></script> |
|
36 <script type="text/javascript" src="../lib/cordova-2.0.0.js"></script> |
35 <script type="text/javascript" src="./defaults.js"></script> |
37 <script type="text/javascript" src="./defaults.js"></script> |
36 <script type="text/javascript" src="./mosaic/js/mosaic.js"></script> |
38 <script type="text/javascript" src="./mosaic/js/mosaic.js"></script> |
|
39 <script type="text/javascript" src="./mosaic/js/mouseInteractions.js"></script> |
|
40 <script type="text/javascript" src="./mosaic/js/touchInteractions.js"></script> |
37 <script type="text/javascript" src="./mosaic/js/notifications.js"></script> |
41 <script type="text/javascript" src="./mosaic/js/notifications.js"></script> |
38 <script type="text/javascript" src="./mosaic/js/pointers.js"></script> |
42 <script type="text/javascript" src="./mosaic/js/pointers.js"></script> |
39 <script type="text/javascript" src="./mosaic/js/zoomInteractions.js"></script> |
43 <script type="text/javascript" src="./mosaic/js/zoomInteractions.js"></script> |
40 <script type="text/javascript" src="./mosaic/js/neighbours.js"></script> |
44 <script type="text/javascript" src="./mosaic/js/neighbours.js"></script> |
41 <script type="text/javascript" src="./mosaic/js/search.js"></script> |
45 <script type="text/javascript" src="./mosaic/js/search.js"></script> |
57 <!-- SET AN EMPTY DIV TO BE POPULATED WITH CONTENT VIA JQUERY --> |
61 <!-- SET AN EMPTY DIV TO BE POPULATED WITH CONTENT VIA JQUERY --> |
58 <div class="test" style="color: #FFFFFF"></div> |
62 <div class="test" style="color: #FFFFFF"></div> |
59 |
63 |
60 <!-- Scripts principaux. --> |
64 <!-- Scripts principaux. --> |
61 <script type="text/javascript"> |
65 <script type="text/javascript"> |
|
66 function aa(w, h, l, t) |
|
67 { |
|
68 if($('#a').length == 0) |
|
69 { |
|
70 var a = '<div id="a"></div>'; |
|
71 $('body').append(a); |
|
72 $('#a').css( |
|
73 { |
|
74 position: 'absolute', |
|
75 'background-color': '#00F', |
|
76 width: w, |
|
77 height: h, |
|
78 left: l, |
|
79 top: t, |
|
80 'z-index': 10000 |
|
81 }); |
|
82 } |
|
83 } |
|
84 |
62 var mos; |
85 var mos; |
63 //Si la page a chargé, on raffraichit la mosaïque. |
86 //Si la page a chargé, on raffraichit la mosaïque. |
64 $(document).ready(function () |
87 $(document).ready(function () |
65 { |
88 { |
66 mos = new Mosaic('./config_souris.json', default_parameters); |
89 mos = new Mosaic('./config_souris.json', default_parameters); |