0

私は小さなプロジェクトを持っています。すべての数字+バックスペース+小数点(すべてボタンとして)を備えたキーパッドを開発する必要があります。これらの数字をクリックすると、フォーム フィールド (テキスト ボックスなど) に入力されます。このキーパッドは、フォーム フィールドの横にリンクとして配置する必要があります。

キーパッドは、できれば Javascript/AJAX にする必要があります。また、キーパッド ルーチンには、ポップアップ キーパッドを最小化するための閉じるボタンが必要です。(これは、チケット Web サイトで見られるカレンダー コントロールに非常によく似ています。)

キーパッド ルーチンを切り上げても、数字 (ボタン) がクリックされたときにフォーム フィールドにデータを入力するだけで、特別なことは何もありません。

キーボードルーチンのコーディングについて助けが必要です。JavaScript の設計方法を教えてください。ボタンを含める方法 (ファイル内の数字 + 10 進数 + バックスペース用)? ボタンがクリックされたときにその値がフォームフィールドに表示される部分をどのようにコーディングするのですか?

どんな助けでも大歓迎です。

ありがとう

4

1 に答える 1

2

問題はどこにありますか？

ajaxを使用する必要はありません。非常に迅速で汚い例：

ここでテスト-> http://www.codebase.es/so/numpad.html

<html>
<head><title></title></head>
<body>

<script> function $(id) { return document.getElementById(id); } </script>

<input id="num" type="text" readonly="true"/>
<input type="button" value="..." onclick="$('keypad').style.display='inline-block';"/>

<div id="keypad" style="display:none; background:#AAA; vertical-align:top;">
<input type="button" value="7" onclick="$('num').value+=7;"/>
<input type="button" value="8" onclick="$('num').value+=8;"/>
<input type="button" value="9" onclick="$('num').value+=9;"/><br/>
<input type="button" value="4" onclick="$('num').value+=4;"/>
<input type="button" value="5" onclick="$('num').value+=5;"/>
<input type="button" value="6" onclick="$('num').value+=6;"/><br/>
<input type="button" value="1" onclick="$('num').value+=1;"/>
<input type="button" value="2" onclick="$('num').value+=2;"/>
<input type="button" value="3" onclick="$('num').value+=3;"/><br/>
<input type="button" value="X" onclick="$('keypad').style.display='none'"/>
<input type="button" value="0" onclick="$('num').value+=0;"/>
<input type="button" value="&larr;" onclick="$('num').value=$('num').value.substr(0,$('num').value.length-1);"/>
</div>

</body>
</html>

「そのまま」は使用しないでください...cssスタイルシート、関数などを使用してください。

于 2009-10-13T18:17:12.617 に答える