テキストエリアの入力に関して

質問

テキストエリアの入力に関して

教えて下さい。

部分的な抜粋で申し訳ありませんが、以下のようにテキストエリアをダブルクリックで
時間を表示させるような"javascript"を記述しましたが、その際に、テキストにカーソル
を合わせても、そもそもの入力できなくなってしまいました。

エリアは表示されるものの、カーソルを合わせても入力モードに変わらない。。

《内容》

print("<TR>\n");
print("<TD NOWRAP><FONT SIZE='2.5'><B>【備　　考】</B></FONT></TD>\n");
print("<TD colspan='2'>\n");
print("<div id='target'>\n");
print("<select onchange='test(1)' onblur='test(1)'>
<option value='　' style='background-color:#3366FF; color:#FFFFFF'>　
<option value=' ～ ０９:３０' style='background-color:#FFFFFF; color:#3366FF'>～ ０９:３０
<option value=' ～ １０:００' style='background-color:#3366FF; color:#FFFFFF'>～ １０:００
<option value=' ～ １０:３０' style='background-color:#FFFFFF; color:#3366FF'>～ １０:３０
<option value=' ～ １１:００' style='background-color:#3366FF; color:#FFFFFF'>～ １１:００
<option value=' ～ １１:３０' style='background-color:#FFFFFF; color:#3366FF'>～ １１:３０
<option value=' ～ １２:００' style='background-color:#3366FF; color:#FFFFFF'>～ １２:００
</select>\n");
print("<input size='20' type='text' name='pm_note' id='pm_note' value='$out_time' ondblClick='test(0)' style='width:100%;'>　\n");
print("</div>\n");
print("</TD>\n");

print("<TD></TD>\n");
print("<TD></TD>\n");

print("</TR>\n");

回答No.3

yyr446 · ベストアンサー

せっかく、scriptの中身を公開してもらいましたが、
特に問題ないですね。提示されてる部分だけそのまま組んで、テストしてみましたが、
問題なく動作しております。（Firefox3.6、IE8、GoogleChromeで確認）

という事は、他部分に何かがあるのか？

お役に立ちませんで、どうもです。

回答No.2

yyr446

まだまだ説明不測です。回答出来ません。

function test()の中身は、投稿できないほど大きいのですか？
せめてこの<form>の中身を全て載せられないんですか？
PHP側で、$out_timeの値はどおやってセットしているんですか？
一連の画面遷移の中にある一つのページなんですか？

補足

ご回答ありがとうございます。

form全てのソースの記載は容量的に申し訳ありません。。。

function test() の中身は、

<script type="text/javascript"><!--
function test(n) {
var t = document.getElementById('target');
var s = t.getElementsByTagName('SELECT')[0];

t = t.getElementsByTagName('INPUT')[0];
if (n) t.value = s.value;
s.style.display = n?'none':'inline';
}
--></script>

となっています。

$out_time へはPHP側で前のページから渡ってきた値をそのままセットしている
だけです。

やはり全部載せないと難しいですかね。。。

回答No.1

yyr446

おそらく、function test()の中で、当該<input>要素に、
readonly属性をセットしているのではないかと...
それを止めるだけですが、どこか解らなければ、提示されているPHP
の、
print("<input ～　の部分を
print("<input size='20' type='text' name='pm_note' id='pm_note' value='$out_time' onfocus='document.getElementById("pm_note").readonly=null;' ondblClick='test(0)' style='width:100%;'>　\n");

にすればどうでしょう。

補足

ご回答ありがとうございました。

私の説明不足で申し訳ありません。　

全く入力ができないという事ではなく、カーソルが有効になるのが右のわずかなエリア
となってしまっています。

hidden にしてあるinput エリアが邪魔しているのでしょうか。。。

教えて頂ければ幸いです。