ボタンを動的に押せたり押せなかったり

Question

リアルタイムの時刻を取得して、START時の時刻との差でストップウォッチになるプログラムを組んでいます。

開始ボタンを一回押したときに、そのボタンを押せなくし停止ボタンを押した後にはまた押せるようにするにはどのようにすればよいでしょうか。ご教授ください。

追記
超がつくど素人だったので、これも載せればだいじょうぶでしょうか？
また、質問内容としては、押された状況と押されていない状況を検出して作るものを希望しています。

Comments

[kei344]

コードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「</>」ボタンを押すとコードブロックになります。

[tanat]

質問としては、
単純にjavascriptでボタンを無効化する方法が知りたいのか、押されたことの検出を含めた全体の流れが知りたいのか、どちらが近いですか？

また、現在このjavascriptを組み込んでいるHTMLについても提示すると良い回答がつくかと思います。

Answer 1

javascript ボタン 無効化
あたりで検索すると、単純にボタンを無効化する方法がわかるかと思います。

document.フォーム名.ボタンのname.disabled = true;
```もしくは
```javascript
ボタンのid.disabled = true;

という感じでボタンを無効化することが出来ます。
今回の場合はフォーム名が

<form name="forms">

なので

document.forms.ボタン名.disabled = true;

を
function timer_start()
の中に記述すれば無効化することが出来ます。
ただ、ここで困るのは現在のボタン名が指定されていないことです。

なので、HTMLで

<input type="button" value="開始" name="start" onClick="timer_start()"> 

とかにしてnameを追加してやり

document.forms.start.disabled = true;

を
function timer_start()
の末尾にでも記述すればボタンを押すと無効化されるようになります。

ただ、この方法は汎用性が無いので、
thisを引数にしてボタンのオブジェクトそのもの（の参照）を関数に渡すようにすると、
「押したボタンを無効化する」という関数になります。
必要になったらそういう方法も試してみてください。

javascript HTML 操作
あたりで検索すると、javascriptによる要素の操作について色々知ることが出来ます。
（入門書を一冊やってみる方が体系的に学べるのでお勧めです）

Comments

[Saya_A]

解決いたしました！！
ありがとうございます。参考書もありがとうございました。

Answer 2

timer_start() と timer_stop() にそれぞれ button を disable させる仕組みを組み込めばよいです。
方針としてはそれぞれの button に id を振り、それをキーに disable を追記する形になるかと。
＊コードはコードブロックで囲んで下さい。読む気になりません。というかちゃんと読んでないです。

Comments

[Saya_A]

参考になりました。(*- -)(*_ _)ペコリ
コードに関してはすみませんでした。一応自分で書いている方では改行インデントなどあったのですが、コピーでは移らなかったようで、申し訳ありません。

[tanat]

コードに関しては
コード部分を選択してから
入力欄の</>アイコンを使って ``` ```で囲んでやるとコードとして表示されるようになります。
解決済みではありますが後から同様の質問をする人が
参照する時のために編集を試してみてください。

[退会済みユーザー]

kei344さんが丁寧に説明してくれています。
今後もこちらを利用されるのであれば、ぜひご利用下さい。

できれば、こちらの質問も修正をしておいていただけると、同じ質問をされる方にとって見やすくなるかと。

【情報の追加・修正の依頼をするより-kei344さん】
2016/06/26 14:05
コードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「</>」ボタンを押すとコードブロックになります。

[Saya_A]

ようやく理解できました！今後も質問すると思っていたのでありがとうございます。

[退会済みユーザー]

お疲れ様です。