|
|
@@ -25,3 +25,67 @@ the entries as JSON. Here, try it out: <a href="/data.html?a=1&b=2">/data.html?
|
|
25
|
25
|
%endfor
|
|
26
|
26
|
</table>
|
|
27
|
27
|
|
|
|
28
|
+ <div class="well span3 text-center">
|
|
|
29
|
+ <div>
|
|
|
30
|
+ </div>
|
|
|
31
|
+ <table id='keyboard'>
|
|
|
32
|
+ <tr>
|
|
|
33
|
+ <td colspan="5">
|
|
|
34
|
+ <input type='text' class="text-right" id='calculation'/><br/>
|
|
|
35
|
+ <input type='text' class="text-right" readonly id='result'/>
|
|
|
36
|
+ </td>
|
|
|
37
|
+ </tr>
|
|
|
38
|
+ <tr>
|
|
|
39
|
+ <td><span class='btn'>7</span></td>
|
|
|
40
|
+ <td><span class='btn'>8</span></td>
|
|
|
41
|
+ <td><span class='btn'>9</span></td>
|
|
|
42
|
+ <td><span class='btn'>(</span></td>
|
|
|
43
|
+ <td><span class='btn'>)</span></td>
|
|
|
44
|
+ </tr>
|
|
|
45
|
+ <tr>
|
|
|
46
|
+ <td><span class='btn'>4</span></td>
|
|
|
47
|
+ <td><span class='btn'>5</span></td>
|
|
|
48
|
+ <td><span class='btn'>6</span></td>
|
|
|
49
|
+ <td><span class='btn'>-</span></td>
|
|
|
50
|
+ <td><span class='btn'>+</span></td>
|
|
|
51
|
+ </tr>
|
|
|
52
|
+ <tr>
|
|
|
53
|
+ <td><span class='btn'>1</span></td>
|
|
|
54
|
+ <td><span class='btn'>2</span></td>
|
|
|
55
|
+ <td><span class='btn'>3</span></td>
|
|
|
56
|
+ <td><span class='btn'>/</span></td>
|
|
|
57
|
+ <td><span class='btn'>*</span></td>
|
|
|
58
|
+ </tr>
|
|
|
59
|
+ <tr>
|
|
|
60
|
+ <td><span class='btn'>.</span></td>
|
|
|
61
|
+ <td><span class='btn'>0</span></td>
|
|
|
62
|
+ <td><span class='btn'>%</span></td>
|
|
|
63
|
+ <td><span class='btn btn-success'>=</span></td>
|
|
|
64
|
+ <td><span class='btn btn-danger'>C</span></td>
|
|
|
65
|
+ </tr>
|
|
|
66
|
+ </table>
|
|
|
67
|
+ <script src="http://code.jquery.com/jquery.js"></script>
|
|
|
68
|
+ <script src="${tg.url('/javascript/bootstrap.min.js')}"></script>
|
|
|
69
|
+
|
|
|
70
|
+ <script>
|
|
|
71
|
+ $(document).ready(function() {
|
|
|
72
|
+ $('#keyboard span').on('click', function (e) {
|
|
|
73
|
+ current_value = $(this).text()
|
|
|
74
|
+ if(current_value=='C') {
|
|
|
75
|
+ $('#calculation').val('');
|
|
|
76
|
+ $('#result').val('');
|
|
|
77
|
+ } else if(current_value=='=') {
|
|
|
78
|
+ string = $('#calculation').val().replace(/[^0-9+-/\*\%\(\)]/gi, ''); // replace('/[^0-9()*/-+]/g', "");
|
|
|
79
|
+ console.log("Compute value of "+string)
|
|
|
80
|
+ calculation = eval(string);
|
|
|
81
|
+ console.log("Result is: "+calculation)
|
|
|
82
|
+ $('#result').val(calculation)
|
|
|
83
|
+ } else {
|
|
|
84
|
+ field = $('#calculation')
|
|
|
85
|
+ field.oldval = field.val();
|
|
|
86
|
+ field.val(field.oldval+current_value)
|
|
|
87
|
+ }
|
|
|
88
|
+ });
|
|
|
89
|
+ });
|
|
|
90
|
+ </script>
|
|
|
91
|
+ </div>
|
damien
