• ベストアンサー

フォーム内のボタンをまとめてdisableにする方法

複数のページから構成されるWebページを作成しています。ページには、formが4つあり、1つのページには複数のボタンを配置してます。 他の3つのページが読み込み中の時には、このページのボタンを押せなくしたいと考えています。 他のページのunload、onload時にまとめてdisableの設定をしたいのですが、formの上にのってるinput全てをまとめて、disableにする方法や、formそのものをdisableにすることはできるでしょうか? よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

function formdisable(formobj){ var n = formobj.elements.length; for(i = 0; i < n;i++){ var elobj = formobj.elements[i]; eltype = elobj.type; if(eltype != "hidden"){ elobj.disabled = true; } } } とりあえず複数のページというのがどう意味しているのか分からないのですが(フレームを使っているということかな?)一つのフレーム内をすべてdisableにする関数を作ってみました。引数にはフォームそのものを入れてください。 たとえば同一ページ内でonLoadで呼び出すとき <body onLoad="formdisable(document.firstform)"> 略 <form name="firstform"> 略 </form> という風に呼び出してください。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • フォームのボタン

    例えば、 <form action="test.htm" method=POST> <input type="submit"value="決定"> </form> とした場合、決定ボタンを押せばtest.htmのページに飛びますが、それ以外に、別のページ(test2.htmなど)に飛ぶボタンを作成したい場合は、どのように書けばよいでしょうか?

    • ベストアンサー
    • HTML
  • ボタンの2度押しを防止するには?

    Webページでボタンの2度押しを防止するにはどうしたらいいでしょうか? onClickでボタンをdisableにするようにしたところ、Submitしません。Disableにした上でSubmitさせるとパラメータが渡せません。 <HTML><BODY> <FORM method="get" name="MyForm" action="page2.html"> <INPUT type="submit" name="submit1" value="submit1" onClick="this.disabled = true;document.MyForm.submit();"> <INPUT type="submit" name="submit2" value="submit2" onClick="this.disabled = true;document.MyForm.submit();"> </FORM></BODY></HTML> 1つのFORM内に複数のボタンがあるため、どのボタンが押されたかがパラメータで渡される必要があります。

  • disableについて

    htmlでフォームメールについて ラジオボタンで、A、Bの二つの選択肢があって、 最初にページにアクセスした時は、Aが選ばれている状態にしています。また、Aにチェックが入っている時は Cというセレクトボックスをdisable(表示しない)にして、 Bが選ばれた時だけ、表示するようにしています。 つまり、最初にページにアクセスした時は、Cは表示されていない状態です。 ところが、 Bにチェックを入れてCのセレクトボックスから値を選択し、 submitで確認画面に飛ばし、確認後、戻るボタンで戻った際、 Cのセレクトボックスがdisableになっていて、選択したはずの値が 選択されていない状態になってしまいます。 ラジオボタンのチェックはきちんとBにチェックが入っているのに。 これはIEだけで起こる現象のようで、firefoxやsafariの場合は、 選択されたCの値が表示されています。 おそらく、onloadされるかされないか。の問題なのかと思いますが、 どのようにすれば、IEでもFFやsafariと同じ状態にできるのか、 調べても解決できず、困っています。 どうぞ宜しくお願いいたします。

  • 印刷用のボタンを作り、印刷をする方法を教えて下さい

    Webサイトを作成しており、申込用紙のページを作っております。 そこで、「印刷をする」ボタンを作成し、「印刷をする」をクリックすると印刷ページを呼び起こしたいです。 これは、どうやって印刷ページを呼び起こすのでしょうか? HTMLとCSSだけで可能でしょうか? こちらのサイトでは、Javascriptoを使って印刷ページをが呼び起せるとしております。 http://www.nishishi.com/javascript/2007/window-print.html window.print(); を使うだけで良いらしいですが、HTMLのbodyに以下のように記述するだけで良いのでしょうか?他に、headなどの部分に何か記述する必要はないのでしょうか? <form> <input type="button" value="このページを印刷" onclick="window.print();" /> </form>

    • ベストアンサー
    • CSS
  • フォーム

    こんにちは。HTMLのフォームについて質問です。 下のようなソースで、bbbの送信ボタンを押した時にはAAAの内容とBBBの内容を、cccの送信ボタンを押した時にはAAAの内容とCCCの内容を送信する、という方法はありますでしょうか。 実際に作成しているものは、BやCの形が20件ほどあるので、AAAをBとCのフォームにそれぞれ書くというのは非常に効率が悪く、「他にもいい方法があるよ」というものでも結構ですので教えていただけたら、と思います。 <form name="formA"> <input type="text" name="AAA" /> </form> <form name="formB"> <input type="text" name="BBB" /> <input type="submit" name="bbb" /> </form> <form name="formC"> <input type="text" name="CCC" /> <input type="submit" name="ccc" /> </form>

    • ベストアンサー
    • HTML
  • 異なるformのsubmitボタンを同一行に

    配置する方法を教えてください。 <form> <p><textarea></textarea></p> <p><input type="text"/></p> <input type="submit"/> </form> <form> <input type="submit"/> </form> とすると2つのボタンは異なる行に配置されます。 改行されないで同一行に配置する方法は有るでしょうか?

    • ベストアンサー
    • HTML
  • ・フォームの送信先(action)を複数指定したい

    ・フォームの送信先(action)を複数指定したい Webページフォームの内容をAページもしくはBページのどちらかに送信したいと考えています。 そこでフォームに複数送信ボタンを配置してそれぞれ別のページに情報を送信しようと思ったのですが、 formタグのactionはひとつなので飛ばすページはどうしてもひとつになってしまいます。 JavaScriptを使うと比較的簡単にできるようなのですが、携帯サイトを作成したい為、JavaScriptは使えません(PHPは可)。 解決方法があればご教授願います。

    • ベストアンサー
    • HTML
  • 入力フォームのリセットボタンの制御について

    入力フォームのリセットボタンの制御について質問をお願いします。 ページが読み込まれる時に複数の関数が実行されるようにしています。 入力フォームのリセットボタンが押された時に、 ページが読み込まれる時に実行される関数を実行されるようにしたいです。 アドバイスを頂ければ幸いです。 よろしくお願いします。 ページが読み込まれる時に実行される関数です ------------------------------------------------------------- window.onload = loadform; function loadform (){ entryChange01(); entryChange02(); entryChange03(); entryChange04(); }

  • Form2のボタンを1回押しても戻らない

    Delphi XE3でDelphiをいじっています。自動で作成したForm2にボタンを2個配置しました。片方のボタンのプロパティーはMrOK、他はMrCancelにしてあります。 Form2をShowModalで呼び出してForm2を表示した状態でボタンを押してすのですが2回押さなければForm1に戻りません。1回押しで戻るようにするにはどうしたらよいか教えてください。

  • フォームボタンがフッターにあるときの記述について

    1.フォームを使用し、下のようなサイトを作る場合 このようなコードで作ったのですが、どのような書きかたがスマートなのでしょうか? (※商品選択からカートに入れるボタンまでの間に、他に要素がたくさんあります。) よろしくお願いいたします。 <div id="header">   ・   ・   ・ </div> <div id="contents"> <form> <input> <select>   ・      ←商品選択フォーム   ・   ・ </select> </div> <div id="footer">   ・   ・   ・ <input>←カートに入れるボタン </form> </div>

    • ベストアンサー
    • HTML