-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex .html
More file actions
executable file
·128 lines (123 loc) · 5.84 KB
/
index .html
File metadata and controls
executable file
·128 lines (123 loc) · 5.84 KB
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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<html>
<head>
<meta charset='utf8'>
<title>SimpleKeyboardMath</title>
<link rel="stylesheet" href="styles/keyboard-style.css">
<link rel="stylesheet" type="text/css" href="mathquill/mathquill.css">
<link rel="stylesheet" type="text/css" href="styles/bootstrap.min.css">
<script type="text/javascript" src="scripts/jQuery v3.1.1.js"></script>
<script type="text/javascript" src="mathquill/mathquill.js"></script>
<script src="scripts/bootstrap.min.js"></script>
</head>
<body>
<div style='margin:5%;'>
<table id='tabla'>
<tr>
<td colspan='11' style='text-align:left;'>
<code id='codigo' style='padding:2%;'></code><br><br>
</td>
</tr>
<tr>
<td colspan='11' style='text-align:left;'>
<span id='pantalla' class="editor" style='background:#fff' onkeyup='Check(event)'></span>
</td>
</tr>
<tr>
<td><button class='form-control' onClick='insertar("(")'>(</button></td>
<td><button class='form-control' onClick='insertar(")")'>)</button></td>
<td><button class='form-control' onClick='insertar("/")'><img src='images/fraccion.png'
width='40px'></button></td>
<td><button class='form-control' onClick='insertar("^2")'><img src='images/cuadrado.png'
width='40px'></button></td>
<td><button class='form-control' onClick='insertar("^3")'><img src='images/tercera.png'
width='40px'></button></td>
<td><button class='form-control' onClick='insertar("sen\\left(\\right)")'>sen</button></td>
<td><button class='form-control' onClick='insertar("\\cos\\left(\\right)")'>cos</button></td>
<td><button class='form-control' onClick='insertar("\\tan\\left(\\right)")'>tan</button></td>
</tr>
<tr>
<td><button class='form-control' onClick='insertar("[")'>[</button></td>
<td><button class='form-control' onClick='insertar("]")'>]</button></td>
<td><button class='form-control' onClick='insertar("\\pi")'>π</button></td>
<td><button class='form-control' onClick='insertar("^")'><img src='images/potencia.png'
width='40px'></button></td>
<td><button class='form-control' onClick='insertar("\\vec")'><img src='images/absoluto.png'
width='40px'></button></td>
<td><button class='form-control' onClick='insertar("\\csc\\left(\\right)")'>csc</button></td>
<td><button class='form-control' onClick='insertar("\\sec\\left(\\right)")'>sec</button></td>
<td><button class='form-control' onClick='insertar("\\cot\\left(\\right)")'>cot</button></td>
</tr>
<tr>
<td><button class='form-control' onClick='insertar("+")'>+</button></td>
<td><button class='form-control' onClick='insertar("-")'><img src='images/resta.png'
width='40px'></button></td>
<td><button class='form-control' onClick='insertar("i")'><img src='images/imaginario.png' width='40px'>
</td>
<td><button class='form-control' onClick='insertar("\\sqrt")'><img src='images/raiz2.png'
width='40px'></button></td>
<td><button class='form-control' onClick='insertar("\\nthroot")'><img src='images/raiz.png'
width='40px'></button></td>
<td><button class='form-control' onClick='insertar("sen^{-1}\\left(\\right)")'>sen<sup>-1</sup></button>
</td>
<td><button class='form-control' onClick='insertar("\\cos^{-1}\\left(\\right)")'>cos<sup>-1</sup></a>
</td>
<td><button class='form-control' onClick='insertar("\\tan^{-1}\\left(\\right)")'>tan<sup>-1</sup></a>
</td>
</tr>
<tr>
<td><button class='form-control' onClick='insertar("*")'><img src='images/multiplicacion.png'
width='40px'></button></td>
<td><button class='form-control' onClick='insertar("\div")'><img src='images/division.png'
width='40px'></button></td>
<td><button class='form-control' onClick='insertar("\\theta")'>θ</button></td>
<td><button class='form-control' onClick='insertar("e")'><i>e</i></button></td>
<td><button class='form-control' onClick='insertar("\\ln\\left(\\right)")'>ln</button></td>
<td><button class='form-control' onClick='insertar("\\csc^{-1}\\left(\\right)")'>csc<sup>-1</sup></a>
</td>
<td><button class='form-control'
onClick='insertar("\\sec^{-1}\\left(\\right)")'>sec<sup>-1</sup></button></td>
<td><button class='form-control' onClick='insertar("\\cot^{-1}\\left(\\right)")'>cot<sup>-1</sup></a>
</td>
</tr>
<tr>
<td><button class='form-control' onClick='insertar(".")'><img src='images/punto.png'
width='40px'></button></td>
<td><button class='form-control' onClick='insertar("=")'>=</button></td>
<td><button class='form-control' title='Escalón unitario'
onClick='insertar("U\\left(\\right)")'>U</button></td>
<td>
<button class='form-control' data-toggle="modal" data-target="#myModal"><img src='images/texto.png'
width='40px'>
</td>
<td colspan='2'>
<input type='button' class='form-control' onclick='borrar()' value='Borrar'>
</td>
<td colspan='2'>
<input type='button' class='form-control' onclick='copiar("codigo")' value='Copiar'>
</td>
</tr>
</table>
</div>
<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog" style='text-align:center'>
<div class="modal-dialog modal-sm">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Texto en pantalla</h4>
</div>
<div class="modal-body">
<p><input type='radio' name='texto-size' onclick='textoSize("pequeño")'> Pequeño</p>
<p><input type='radio' name='texto-size' onclick='textoSize("mediano")'> Mediano</p>
<p><input type='radio' name='texto-size' onclick='textoSize("grande")'> Grande</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<script src="scripts/keyboard-functions.js"></script>
</body>
</html>