研究日誌

193：名無しさん：2014/04/25(金) 07:46:36: 【共通】テンキーのテスト

以前からBASIC!のHTMLモードでテンキーのような入力
画面を作成できないかなと思っていました。

もちろん、ソフトウェアキーボードでも入力できるのですが
数字だけを入力したい場合、パソコンのテンキーの様な物が
いきなり表示されたほうがいいかなと思っていました。

たまたま以下のページを見つけました。

【javascript、大きなテンキーのサンプル】
http://akas.cocolog-nifty.com/blog/2013/08/javascript-4f56.html

このページのサンプルは、PHP用に作られているのですが
これをBASIC!で利用できるように、改造しました。

改造した点は以下です。

・PHP固有の記述やPOSTしている部分をカット
・スタイルシートのボタンや数字を表示する場所のフォント、
高さ、横幅の調整
・暗証番号、送信ボタンを削除
・数字ボタン押し下げ時のjavascript関数の修正
・入力ボタン押し下げ時にdodatalink関数を呼び出し、引数に
数値表示場所の値を指定

要は、ただのテンキーを作りたかったので、それに不要なHTML,
javascriptの記述をカットしました。

カット範囲が多かったので、結構慎重に作業してHTMLを
作成してテストプログラムで動作を確認しました。

【テスト時の画面】
https://www.dropbox.com/s/ak5pp5asy4xi13t/Screenshot_2014-03-19-22-29-49.png

テストの結果は良好でも問題なく動作しました。

これの活用方法は、未定ですが、部品としては使い道が
あるような気がしています。

【テストプログラム、HTML等】
https://www.dropbox.com/sh/261fq9yo8e5719b/x_ACYAubNi

2chMate 0.8.6/Kobo/arc 7/4.2.2/LT

新着レスの表示

※書き込む際の注意事項はこちら

※画像アップローダーはこちら

（画像を表示できるのは「画像リンクのサムネイル表示」がオンの掲示板に限ります）

掲示板管理者へ連絡無料レンタル掲示板