-
Notifications
You must be signed in to change notification settings - Fork 1
/
calmask.html
68 lines (59 loc) · 2.65 KB
/
calmask.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>CalMask</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<!--<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>-->
<script src="js/jquery.ui-edited.js"></script>
<script src="js/calmask.js"></script>
<style type="text/css">
#feedback { font-size: 1.4em; }
#selectable .ui-selecting { background: #FECA40; }
#selectable .ui-selected { background: #F39814; color: white; }
#selectable { list-style-type: none; margin: auto; padding: 0; width: 680px;}
#selectable li { margin: 3px; padding: 1px; float: left; width: 80px; height: 20px; font-size: 1.2em; text-align: center; }
.calmask_box { background: #EEE; color: #F00;}
hr { clear: both; }
#calmask_controller { text-align: center; }
.mask0 { background: #F00 ;}
.mask1 { background: #D20 ;}
.mask2 { background: #C30 ;}
.mask3 { background: #B40 ;}
.mask4 { background: #A50 ;}
.mask5 { background: #960 ;}
.mask6 { background: #870 ;}
.mask7 { background: #780 ;}
.mask8 { background: #690 ;}
.mask9 { background: #5A0 ;}
.mask10 { background: #0F0 ;}
.guida { float: left; width: 10em; font-size: 0.9em; }
</style>
</head>
<body>
<h1>CalMask</h1>
<hr />
<noscript>Questo sito non funziona senza JavaScript.</noscript>
<div class="guida">
<h2>Select</h2>
<span>Usa il <b>mouse</b> per selezionare le ore della settimana che hai già impegnate.<br /><br />
Usa <b>ctrl</b> per selezioni/deselezioni multiple</span>
</div>
<div id="calmask">
</div>
<div id="calmask_mask">
<textarea name="mask" rows="20" cols="20" id="calmask_mask_textarea"></textarea>
<br /><input type="button" value="Mask" id="calmask_maskbtn" />
</div>
<hr />
<div id="calmask_controller">
<label>Configurazione:<input type="text" length="66" id="calmask_sign" value="ciao" /></label>
<input type="button" value="Load" id="calmask_loadbtn" /><br />
Copia il <b>codice</b> di configurazione e inoltralo alla mailing list.<br /><br />
Inserendo i vari codici, uno per riga, nell'area in alto a destra <br />
e cliccando su <b>Mask</b> è possibile far apparire una <br />
maschera con gli orari più comodi per tutti.
</div>
</body>
</html>