計算結果の数字が、薄くてぼやける！

質問

WinXP,IE6.0を使っている初心者です。
商品注文入力フォームを作ったのですが、出力される文字数字が薄くぼやけ、困っています。

(概要)
１　単価×数量＝金額
２　注文明細表示
３　お届け先欄
４　上記１、２に対して、入力不可設定関数の設定
５　上記３に対して、未入力欄に入力を促す関数の設定　　

(４のソースコード)
function initForm(){
　　document.form1.prcItem001.disabled=true;
document.form2.tarEstimate.disabled=true;
}
function enabledForm(){
document.form2.tarEstimate.disabled=false;
}

(５のソースコード)
function checkSubmit(){
　　if(document.form2.txtName.value==""){
　　 alert("名前を入力してください");
　　 return false;
}
if(confirm("上記の明細で注文を送信します。\n　　よろしいですか？")==false){
return false;
}
return true;
}

上記１の金額欄と２の注文明細表示欄の文字数字が薄くぼやけます。
上記４か５のどちらかのソースコードを削除しますと文字数字は普通になり、はっきり見えます。
しかし、４も５も重要なので削除出来ません。
どうすれば良いのか、お分かりの方教えてください。
よろしくお願いします。

回答No.1

noname#199778 · ベストアンサー

5がこの質問の状況において影響していることについては、ちょっと掴みきれないのですが(私にはdisabledになったときの表示に関して、5が影響しているように見えないのですが…)、とりあえず4の処理について。

disabledで変更不可にする方法が、そこの値をユーザーの任意の操作を受けないようにロックしておきたいということでしたら、代替の手としてreadOnlyを有効にすることでその入力欄に入力できないようにするという方法ではいかがでしょうか。

document.form1.prcItem001.disabled=true;

これを

document.form1.prcItem001.readOnly=true;

にすると、その入力欄のタグにreadonlyを設定したのと同じ状態になると思います。 ユーザーがその入力欄に書き込めなくなるということでは、目的にかなうのではないかと思うのですが、いかがでしょうか?

見当違いでしたら、ごめんなさい。

お礼

有難うございました。
直りました。
はっきり見えます。
長時間試行錯誤していました。
感激です！！！