HTML文のFormのInputについて



 ◇-?HTML文のFormのInputについて-しん-03/11-14:16(141)-No.398480
   ┗?!できたみたい...-テツヤ-03/11-14:40(140)-No.398481
     ┗?!-Re:できたみたい...-しん-03/11-22:07(133)-No.398538

▲このページのトップに戻る
398480HTML文のFormのInputについてしん 2007/03/11-14:16

メーカー名:東芝
OS名:WindowsXp
パソコン名:PAEX522PDE3
ソフト関連:ブラウザInternetExplorer
--
HTML文のFormの中でInput文を数行使用しています。

そこに少数、整数などを入力します。
しかし、桁が揃わず見栄えが良くありません。

表示される桁を揃える方法をお願いいたします、
Excellのような3桁カンマ区切りのような事を考えています。

▲このページのトップに戻る
398481できたみたいテツヤ 2007/03/11-14:40

記事番号398480へのコメント
<HTML>
<HEAD>
<TITLE>Test7</TITLE>
<META http-equiv="Content-Type" content="text/html;charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<META http-equiv="Content-Script-Type" content="text/javascript">
<STYLE><!--
INPUT {font-family:MS ゴシック}
--></STYLE>
</HEAD>

<BODY>

<FORM>
1<INPUT style="width:24ex" onchange="KetaSoroe()" onkeydown="KetaSoroeK()"><BR>
2<INPUT style="width:24ex" onchange="KetaSoroe()" onkeydown="KetaSoroeK()"><BR>
3<INPUT style="width:24ex">
</FORM>

<SCRIPT><!--
function KetaSoroeK(){
var K=event.keyCode;
if(K!=13)return;
KetaSoroe();
}

function KetaSoroe(){
var I,D、D2,D3,P,KSpace="",RE;
YuukouKetasuu=15; //有効桁数
for(I=0; I<YuukouKetasuu; I++){
KSpace=KSpace+" "; //" … "作成
}
Obj=event.srcElement;
D=Tikan(Obj.value,"[#,]",""); //「#」「,」消去
D=parseFloat(D);
if(isNaN(D))D=0;
D=KSpace+D; //半角Space+n
//カンマ入れ
RE=new RegExp("[.e]+","g"); //「,」「e」
P=D.search(RE);
if(P<0)P=D.length;
D3=D.slice(P,D.length); //小数点以下の文字列
D2="";
for(I=0; I<parseInt(YuukouKetasuu/3); I++){
D2=D.slice(P-3,P)+D2;
if(D.slice(P-3-1,P-3)>" "){
D2=","+D2;
}
P=P-3;
}
D2=D.slice(0,P)+D2; //半角Space+「1,234」など
if(D2.slice(D2.length-YuukouKetasuu-1,D2.length-YuukouKetasuu)>" "){ //オーバーフロー
D2="#"+D2.slice(D2.length-YuukouKetasuu+1,D2.length);
}else{
D2=D2.slice(D2.length-YuukouKetasuu,D2.length);
}
D=D2+D3;
Obj.value=D;
//window.status="\""+D+"\"";return
}
//処理:置換
//編集:2007.03.11 by T.A.
//呼出:変数=Tikan(Str,StrS,StrT)
//引数:Str=置換したい文字列
// StrS=検索文字列
// StrT=置換文字列
function Tikan(Str,StrS,StrT){
var RE=new RegExp(StrS+"+","g");
return Str.replace(RE,StrT);
}
//--></SCRIPT>

</BODY>
</HTML>

 なんか[Enter]を入力すると音が出るな。
<INPUT style="width:20ex">
でやってみたらやっぱり[Enter]入力で音が出る。HTMLの性質かも。

▲このページのトップに戻る
398538Re:できたみたいしん 2007/03/11-22:07

記事番号398481へのコメント
テツヤさんは No.398481「できたみたい」で書きました。

テツヤさん有難うございます。

一部は理解できますが、全文を一読しただけでは理解できません。

時間を下さい。

改めて質問しますが、その時はよろしくお願いいたします。

A1.本ページは参考になりましたか? 又はアドバイスがありますか?
解決 参考になった 参考にならなかった アドバイスする

A2.何度目の訪問ですか?
初めて来た   数度目(2〜4) 5回以上来ている   管理人:

A3.何か一言どうぞ(アドレスは書くことができません)

A4.アドレスがあればどうぞ(1つまで)


↑↑↑↑よろしければ押してください↑↑↑↑

何か一言(本ページで参考になったならないを含めて残してあります)
◎:解決 ○:参考になった ×:参考にならなかった !:アドバイスあり

参考回数投稿日時何か一言