Virtuelle Tastartur

Wenn man auf das Icon klickt, wird eine virtuelle Tastatur eingeblendet , so wie man das von Handys kennt

Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken

Der hier verwendete Code

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
    <script src="/js_webseite/jquery.js"></script>
<style>
  body {
  margin-top: 100px;
}
#wrap {
  display: block;
  margin: 0 auto;
  width: 200px;
}
/* keyboard - jQuery UI Widget */
.ui-keyboard {
    text-align: center;
    padding: .3em;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 16000;
    /* see issue #484 */
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
.ui-keyboard-has-focus {
    z-index: 16001;
}
.ui-keyboard div {
    font-size: 1.1em;
}
.ui-keyboard[contenteditable] {
    white-space: pre;
}
.ui-keyboard-button {
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX