質問編集履歴

1

プログラム追加

2018/03/28 01:07

投稿

behoimi80
behoimi80

スコア62

test CHANGED
File without changes
test CHANGED
@@ -3,3 +3,121 @@
3
3
 
4
4
 
5
5
  手前に表示する方法をどなたか知らないでしょうか?
6
+
7
+
8
+
9
+ モーダルウィンドウはjQuery uiを使用しています。
10
+
11
+ プログラムを記述します。
12
+
13
+ ちなみに下記z-indexの設定をしてもダメでした。
14
+
15
+ #suuはあくまでinputであってキーパッド本体ではないのでしょうね・・・。
16
+
17
+
18
+
19
+ $("#dlg").css('z-index','1');
20
+
21
+ $("#suu").css('z-index','1000');
22
+
23
+
24
+
25
+ html ダイアログ
26
+
27
+ -------
28
+
29
+ <div id="dlg">
30
+
31
+ <form>
32
+
33
+ <table>
34
+
35
+ <tbody>
36
+
37
+ <tr>
38
+
39
+ <th>数量</th>
40
+
41
+ <td><input type="text" id="suu"></td>
42
+
43
+ </tr>
44
+
45
+ </tbody>
46
+
47
+ </table>
48
+
49
+ </form>
50
+
51
+ </div>
52
+
53
+ -------
54
+
55
+
56
+
57
+ javascript ダイアログ
58
+
59
+ -------
60
+
61
+ $('#dlg').dialog({
62
+
63
+ autoOpen: false,
64
+
65
+ bgiframe: true,
66
+
67
+ width: 600,
68
+
69
+ position: 'center',
70
+
71
+ modal: true,
72
+
73
+ show: 'bind',
74
+
75
+ hide: 'bind',
76
+
77
+ });
78
+
79
+
80
+
81
+ //ボタンを押すとダイアログを表示
82
+
83
+ $('#dlg').dialog('open');
84
+
85
+
86
+
87
+ -------
88
+
89
+
90
+
91
+ javascript inputのidにキーパッド関連付け
92
+
93
+ -------
94
+
95
+ $("#suu").keypad({
96
+
97
+ layout: ['789','456','123','.0'+$.keypad.BACK],
98
+
99
+ keypadOnly: false,
100
+
101
+ showOn: 'both',
102
+
103
+ buttonImage: '/img/keypad.png'
104
+
105
+ }).keypad('option', 'backText', 'C');
106
+
107
+ -------
108
+
109
+
110
+
111
+ javascript キーパッド本体 
112
+
113
+ *10000文字を超える為、掲載できませんでした。参照をお願いします。
114
+
115
+ -------
116
+
117
+ [Base](http://keith-wood.name/keypadBasics.html)
118
+
119
+ を表示して、ソースを表示して「<script src="js/jquery.keypad.js"></script>」
120
+
121
+ のリンク先を開くを参照できます。
122
+
123
+ -------