• ベストアンサー

チェックONによるiframe有効

hattoboy_sの回答

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

yambejpさんの回答でも問題はありませんが、次のソースでは、ダミーページが必要ありません。 いかがでしょう。 仕組みとしては、はじめにiframeを表示しない状態にしておいて、チェックボックスがクリックされた際に毎回各チェックボックスの状態（ONorOFF)を確認し、すべてのチェックボックスがチェックされていたらiframeを表示するようにしています。 if((cc0 == 1) && (cc1 == 1) && (cc2 == 1) && (cc3 == 1)) この部分を変更すると「1つ目と3つ目がonになっていてそれ以外がOFFのときに表示する」といったこともできます。 <html><head> <script type="text/javascript"> <!-- function flame(){ cc0 = this.f0.c0.checked; cc1 = this.f0.c1.checked; cc2 = this.f0.c2.checked; cc3 = this.f0.c3.checked; ifst = document.all["iframe0"].style; if((cc0 == 1) && (cc1 == 1) && (cc2 == 1) && (cc3 == 1)){ ifst.display = "block"; } else { ifst.display = "none"; } } --> </script> </head> <body> <form id="f0"> <input type="checkbox" name="c0" onClick="flame()"> <input type="checkbox" name="c1" onClick="flame()"> <input type="checkbox" name="c2" onClick="flame()"> <input type="checkbox" name="c3" onClick="flame()"> </form> <span id=iframe0 style="DISPLAY: none"> <iframe id="if0" src="fuga.htm"> </iframe> </span> </body> </html> fuga.htmにはメールフォームを書いてください。

この回答がついた質問に戻る
回答 全件
＞出来れば、これをコピーして、URLを変更すればOK！というものが欲し…
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • Javascript? チェックボックスにチェックをいれると・・

    Yahooメールのように、チェックボックスにチェックをいれると その行（<tr>タグ）に色がつくようなJavascriptを探しています。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • チェックボックスのオンオフを得るには？

    素人です。 チェックボックスのオンオフの情報をJavaScriptで得るにはどんな構文を打ったらいいでしょうか？ msg = document.[フォームの名前].[チェックボックスの名前].value; で得ることはできないでしょうか？

  • チェックボックスをクリックしたら、テキストに入力出来る様にしたいです

    今メールフォームを作っています。 チェックボックスにチェックしたら、テキストフィールドに記入しないと、 エラーがでる様にJavascriptでチェックをかけたいのですが教えて頂けませんでしょうか。 下記のようなフォームにしたいです。 ■フォーム これをあなたは何処で知りましたか？ チェックボックス1　新聞 チェックボックス2　テレビ チェックボックス3　その他 テキストフィールド　その他を選んだ方は記入して下さい。 このチェックボックスは必須にして、 チェックボックス1～3までのどれかをチェックしないとアラートを表示したいです。 また、チェックボックス3を選択したのにテキストフィールドに入力していない場合も アラートを表示したいです。 上記のalertは送信ボタン<input name="submit" type="submit" value="情報を送信する"> を押した際に出したいです。 この様なチェックボックスのグループを同じフォームに2つ作りたいです。

  • 異なるフレームから異なるフレームのフォームに値を入力 (<iframe></iframe>)

    異なるフレーム(AとBとします)があります。 フレームAの１つの"button"を押すとフレームBのそれぞれのフォーム(ログイン画面のIDやパスワードのボックス)に 一括で入力されるようにしたい。できれば、自動でそのフォームの送信もしてほしい。 ・フレームAは自由に変更可能。 ・フレームBは変更禁止。(YahooやGmailのログイン画面とかWebページを想定) ・フレームBのフォームの"name"は同じ。一定。 ・フレームBのフォームには"hidden"を含む。(入力しなくてよいフォームがある) ・フレームBのフォームの送信ボタンは"submit"か"button"と一定でない。表示するページによる。 ・フレームの使用するHTMLタグは<iframe></iframe>です。 ・セキュリティは無視します。 ・Javascriptによるアクセス制限が無い。 ・使用ブラウザ(あんまり関係ないとは思いますが)、Firefox、Operaが目的 こんな感じの条件でJavascriptとHTMLで作くれる方お願いします。

  • Adobe PageMill3.0でiframe

    今回、HPでiframeをやってみようと思い、Page mill3.0で 縦に分割→横に分割で、iframe？にはなったのですが 全てのタグを見てみたら、どこにもiframeと書かれたタグはありません。 これは、iframeではないと言うことでしょうか？ 上下に分割した際に、下の方にだけmenuの欄。左右上だけ何も書いてもいませんし、壁紙も指定してないので、IEで見た感じだとちゃんとした？iframeにはなっているのですが...。 （ちゃんと、真ん中に日記とかプロフィールが出るので） 私だけ見てそうなってる（iframe風）だけで、他の方のパソコンから見たら変になってるのでしょうか？ やはり、ちゃんとiframeタグを使って作った方が、良いのでしょうか。 出来れば、上記のような形でもiframeになっているのであれば、このまま行きたいとは思うのですが...。

    • ベストアンサー
    • Mac
  • チェックボックスについて

    こんばんは。いつもお世話になっておりますが、こちら（JavaScript）では、初めての投函です。 よくヤフーやホットメールなどのwebmailの受信ボックスなどに、削除するためのチェックボックスが備わっておりますが、全てのチェックを入れるために、最初の一行目のチェックボックスにチェックを入れることで全てにチェック。チェックを外す事で全てを外す。という動作が行われていると思います。 私、PHPの方ではよく質問させていただく事もあり、お恥ずかしいながら、上記質問をPHPで・・と思っていたら、これら動作はJavaScriptであることをお教え頂きました。 これまでJavaScriptには無縁であったこともあり、色々なサイトにお邪魔しているものの、設定ボタン、解除ボタンによる設定・解除の説明はあるものの、チェックボックスによる、これらの動作の説明がなく、改めてこちらにて質問させて頂くに至りました。 色々と試してはいるものの、チェックボックスにチェックを入れると全てにチェックが入るが、解除するまでに至っておりません。 お忙しい中恐縮ですが、ご指導のほど宜しくお願い申し上げます。

  • チェックボックスの選択状況からエラーチェック

    メールフォームを作成しているのですが、 フォーム内に17つのチェックボックスが存在しています。 個々のチェックボックスはそれぞれ違う変数名を持っています。 そこで質問なのですが、 17つあるチェックボックスのうち、1つ以上選択されていたらＯＫで、何も選択されていない場合のみエラーになるようにしたいのですが、どのような制御文にしてよいのかわかりません。 よろしくお願いします。

    • ベストアンサー
    • CGI
  • テキストフォームのチェックについて

    テキストファームの内容チェックについて教えてください。 下記コードで取得したURLをテキストフォームに表示させ「onclick」でiframeに画面を表示させています。 これを、テキストファームが書き換わった段階で、実行することは できないでしょうか？ （テキストフォーム内のURLが書き換わったら、その内容をチェック して、iframeにそのURLの画面を表示する） <html> <form name="f1"> URL:<input type="text" name="url" size="60" value="" /> <input type="button" value="このURLへ移動" onclick="target_name=***.location.href=this.form.url.value"> </form> <script type="text/javascript"> function set_latlng() { document.f1.url.value="http://***.***.****" /script> 以上、宜しくお願い致します。

  • submitした後にiframeのページを戻す

    フォームからデータを送った後に前にページに戻したいのですが、何方かご教授して頂けないでしょうか？ <FORM method="POST" action="http://www.ｘｘｘ/get.cgi" target="iframe_2"><INPUT type="button" value="送信" onclick="submit();javascript:parent.iframe2.history.go(-1);"></FORM>

  • メールフォームとＳＥＯについて

    <iframe src="https://www.formzu.net/fgen.ex?ID=○○○" frameborder="no" height="500" width="600"></iframe> というメールフォームのタグをＨＰに埋め込みたいと考えていますが、検索エンジン対策（ＳＥＯ）的にどうなのでしょうか？フレームとありますが、順位が下がりますか？ 素人ですみません。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する
質問する