- ベストアンサー
こんなページをつくりたい
"A" というボタンをクリックすると"A"とテキスト欄にでて"あ”というボタンをクリックするとテキスト版に"あ”とでるようなページをつくりたいと思っています。 たとえば "h" "e" "l" "l" "o" とボタンをクリックするとテキスト欄に"hello"とでるようなシンプルなページをつくりたいとおもっています。日本語を使うためのファイルや設定がうまくいっていないマシンでどうしても日本語をうちたいときなどにコピー、ペーストで使えるようなページをつくろうと思っています。java-script,ＣＧＩなどでつくることになるとはおもいますができるだけ、javaなどはつかわないようにして（ＯＳに最初からjavaを読み込むツールがはいてちないＯＳもあるので）作りたいとおもっています。またこのようなページはすでに存在するのでしょうか？よろしくおねがいします。
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
長文失礼いたします。昔同じようなものを作っていたので、参考にしてみてください。javascriptです。 <script language="javascript"> <!-- m=new Array("あ","か","さ","た","な","は","ま","や","ら","わ" ,"い","き","し","ち","に","ひ","み","い","り","ゐ" ,"う","く","す","つ","ぬ","ふ","む","ゆ","る" ,"え","け","せ","て","ね","へ","め","え","れ","ゑ" ,"お","こ","そ","と","の","ほ","も","よ","ろ","を","ん" ,"が","ざ","だ","ば","ぱ","ぁ","ゃ","ゎ" ,"ぎ","じ","ぢ","び","ぴ","ぃ" ,"ぐ","ず","づ","ぶ","ぷ","ぅ","ゅ","っ" ,"げ","ぜ","で","べ","ぺ","ぇ" ,"ご","ぞ","ど","ぼ","ぽ","ぉ","ょ" ) st="" function inp(mozi){ st+=mozi; document.myForm.myText.value=st; } function res(){ st="" document.myForm.myText.value=st; } --> </script> ↑ここまで<HEAD>内に <form name="myForm"> <textarea cols="50" rows="10" name="myText">入力欄</textarea> <br><br> <INPUT type="button" value="reset" onclick="res()"> <br><br> <script language="javascript"> <!-- for(n=0;n<=9;n++){ document.write("<INPUT type='button' onclick='inp(this.value)' style='width:30px' size='5' value='"+m[n]+"'>"); } document.write("<br>") for(n=10;n<=19;n++){ document.write("<INPUT type='button' onclick='inp(this.value)' style='width:30px' size='5' value='"+m[n]+"'>"); } document.write("<br>") for(n=20;n<=28;n++){ document.write("<INPUT type='button' onclick='inp(this.value)' style='width:30px' size='5' value='"+m[n]+"'>"); } document.write("<br>") for(n=29;n<=38;n++){ document.write("<INPUT type='button' onclick='inp(this.value)' style='width:30px' size='5' value='"+m[n]+"'>"); } document.write("<br>") for(n=39;n<=49;n++){ document.write("<INPUT type='button' onclick='inp(this.value)' style='width:30px' size='5' value='"+m[n]+"'>"); } document.write("<br>") document.write("<br>") for(n=50;n<=57;n++){ document.write("<INPUT type='button' onclick='inp(this.value)' style='width:30px' size='5' value='"+m[n]+"'>"); } document.write("<br>") for(n=58;n<=63;n++){ document.write("<INPUT type='button' onclick='inp(this.value)' style='width:30px' size='5' value='"+m[n]+"'>"); } document.write("<br>") for(n=64;n<=71;n++){ document.write("<INPUT type='button' onclick='inp(this.value)' style='width:30px' size='5' value='"+m[n]+"'>"); } document.write("<br>") for(n=72;n<=77;n++){ document.write("<INPUT type='button' onclick='inp(this.value)' style='width:30px' size='5' value='"+m[n]+"'>"); } document.write("<br>") for(n=78;n<=84;n++){ document.write("<INPUT type='button' onclick='inp(this.value)' style='width:30px' size='5' value='"+m[n]+"'>"); } document.write("<br>") --> </script> </form> ↑ここまで<BODY>内に 英数字も同じようにやればできます。
その他の回答 (4)
もう回答が寄せられていますが、とりあえずざざっと作ってみました。 せっかくなので挙げておきます。 <html> <head> <title>極簡易キーボード</title> <script type="text/javascript"><!-- chr0="あかさたなはまやらわがざだばぱぁゃ。いきしちにひみ り ぎじぢびぴぃ 、うくすつぬふむゆるをぐずづぶぷぅゅっえけせてねへめ れ げぜでべぺぇ ーおこそとのほもよろんごぞどぼぽぉょ" chr1="アカサタナハマヤラワガザダバパァャ「イキシチニヒミ リ ギジヂビピィ 」ウクスツヌフムユルヲグズヅブプゥュッエケセテネヘメ レ ゲゼデベペェ オコソトノホモヨロンゴゾドボポォョ" chr2="abcdefghijklmnopqrstuvwxyz"; chr2+="ABCDEFGHIJELMNOPQRSTUVWXYZ1234567890+-*/!\"#$%&'()=~^|\\? :;.,><@"; hira= new Array(); for (i=0; i<chr0.length; i++){ hira[i]=chr0.charAt(i); } kata= new Array(); for (j=0; j<chr1.length; j++){ kata[j]=chr1.charAt(j); } alpha= new Array(); for (k=0; k<chr2.length; k++){ alpha[k]=chr2.charAt(k); } function init(){ for (i=0; i<document.kb1.elements.length; i++){ document.kb1.elements[i].value=hira[i]; } for (j=0; j<document.kb2.elements.length; j++){ document.kb2.elements[j].value=kata[j]; } for (k=0; k<document.kb3.elements.length; k++){ document.kb3.elements[k].value=alpha[k]; } } function keyboard(xx){ document.dis.disp.value+=xx; } function del(){ vl=document.dis.disp.value; document.dis.disp.value=vl.substring(0,vl.length-1); } window.onload=init; //--></script> <style type="text/css"><!-- form.kb input {width: 2em;} --></style> </head> <body> <form class="kb" name="kb1"> <script type="text/javascript"><!-- for (i=0; i<hira.length; i++){ document.write('<input type="button" onClick="keyboard(this.value)">'); br=(i+1)/18; if (br==Math.floor(br)){ document.write("<br>"); } } //--> </script> </form> <form class="kb" name="kb2"> <script type="text/javascript"><!-- for (j=0; j<kata.length; j++){ document.write('<input type="button" onClick="keyboard(this.value)">'); br=(j+1)/18; if (br==Math.floor(br)){ document.write("<br>"); } } //--> </script> </form> <form class="kb" name="kb3"> <script type="text/javascript"><!-- for (k=0; k<alpha.length; k++){ document.write('<input type="button" onClick="keyboard(this.value)">'); br=(k+1)/13; if (br==Math.floor(br)){ document.write("<br>"); } } //--> </script> </form> <form name="dis"> <textarea name="disp" cols="60" rows="5"></textarea><br> <input type="button" value="BackSpace" onClick="del()"><br> <input type="reset" value="reset"> </form> </body> </html> ひらがな、かなかな、半角英数・記号をボタンにして、各ボタンが入力されるとテキストエリアにそれぞれの文字が追加されると思います。 テキストエリア側のBackspaceボタンは、押すと最後の一文字を消去します。 resetボタンは、テキストエリアを全消去します。 文字については、上のchar0でひらがな、char1でカタカナ、char2で半角英数を入れてあります。 もしこれ以外の文字も入れたい場合は、上の文字列に対して追加したい文字を、全角スペースなどの空きスペースに置き換えたり、あるいは末尾などに追加すれば、追加できます。 一応、簡易キーボード的に動作してくれるとは思います(実際に使うとなるとかなり不便だとは思いますが…^^;)。 ただし、OS上で日本語環境が整えられていない環境でも動作するかどうかについては検証していません。 参考になれば幸いです。
お礼
windowsではつかうことができましたがFreeBSDでは文字コードを変えても文字化けしていました。将来てきにはできればＣＧＩだけつくれればいいなあとおもっています。ありがとうございました。一旦終了します。
- shevy
- ベストアンサー率44% (69/156)
Flashを使われては？ 当然ActionScriptの知識が必要になりますが。 また、java Scriptは皆さんがおっしゃられているように、ブラウザの設定です。無効にすることも可能ですんで、クライアント依存の仕組みになっちゃいますね。
補足
おせわになっております。javaとjava scriptの違いは認識しております。java scriptやＣＧＩはつかってもjavaは使いたくない（plug-inをインストールしなくてはいけないので）という意味でかいたのですがすいません文章の書き方がまずかったようです。（java scriptやＣＧＩはつかうことになるとは思います。でもできれば携帯のブラウザやどのようなＯＳでも使えるページにできるのが理想なんですが・・・）
- domi_rb
- ベストアンサー率39% (60/152)
こんにちわ。 ＃１の方も一番最初にいってらっしゃいますが、「ＪＡＶＡ」と「JAVAScript」は別のものですよ。JAVAは、プログラムを組んで、コンパイルして実行さするものです（アプレットなども含みます）JAVAScriptは、ＨＴＭＬの中に宣言をして、Ｗｅｂサイト上で、ボタンやテキストエリアなどの動きを作ることができるのです。 まず、このことをはっきりと知っておいてくださいね。 それから、「JAVAScript」の設定は、ＯＳではなく、ブラウザの設定になります。（たとえば、ＩＥとか、ネットスケープとか、オペラとか…）ですのえ、ＯＳには依存しません。 とりあえず、「JAVAScript」「CGI」を使わないで、そのようなものを作るのは、無理です。たしかに＜ＩＮＰＵＴ～～＞というタグでボタンを作ったりはできますが、それをテキストエリアに書き込むという作業は、プログラムが必要となります。 ですので、残念ながら、「JAVAScript」「CGI」を使わないで作成するのは、無理かと思われます。
お礼
ありがとうございました。一旦終了します。
とりあえず java-scriptとjavaは別物。 java-scriptはブラウザ（IEなど）の設定だと思うが・・・ java-scriptを使いたくないということなのでパスします。
お礼
ありがとうございました。一旦終了します。
お礼
windowsではつかうことができましたがFreeBSDでは文字コードを変えても文字化けしていました。将来てきにはできればＣＧＩだけつくれればいいなあとおもっています。ありがとうございました。一旦終了します。