- ベストアンサー
同意するボタンについて
以下、他のサイトを参考にして作ったのですが、メーラーが立ちあがると「y=true」という文字が文章のところに出て困っています。 「y=true」という文字を出さないようにしたいのですが可能でしょか？ <div style="padding-top:15px;"> <form action="メールアドレス?subject=ここにタイトル" method="post"> <p style="text-align:center"> <label style="display:block;padding-bottom:7px;"> <input type="checkbox" name="y" value="true" />上記規約に同意する</label> <input type="image" src="http://piece.ocnk.net/data/piece/image/ot.png" value="" onclick="pre_submit(); return false;" /> </p> </form> <script type="text/javascript"> function pre_submit() { var ob = document.forms[0].y; if(!ob.checked) { alert("個人情報の取扱について「同意する」が選択されておりません"); return; } else { document.forms[0].submit(); } } </script> </div>
- amo0988
- お礼率33% (1/3)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
javascriptでのメーラーたち上げはいいことないのであまり おすすめできませんが、今回の件については まず、name="y"というnameをやめてidにして var ob = document.getElementById('y'); みたいな参照方法にするということでどうでしょう
関連するQ&A
- seesaaブログで検索窓のラジオボタンのデフォルト値を変えるには？
seesaaブログでブログを書いています。 ブログに検索ウィンドウをつけているのですが、デフォルトではラジオボタンのチェックが ウェブの方にはいっています。 これを記事の方にチェックを入れるにはどうすればいいでしょうか。 seesaaのサポートにも聞きましたが、具体的な操作は案内できないとのことでした。 ------------------------------------------------------------ <script type="text/javaScript"><!-- function sfcheck(){ if (document.seesaaform.vs[0].checked){ document.seesaaform.action='http://search.yahoo.co.jp/search'; document.seesaaform.keyword.name='p'; } if (document.seesaaform.vs[1].checked){ document.seesaaform.action='<% blog.page_url %>pages/user/search/'; document.seesaaform.keyword.name='keyword'; } return true; } //--></script> <div class="sidetitle"><% content.title %></div> <div class="side"> <% content.header -%> <form method="get" action="http://search.yahoo.co.jp/search" style="margin:0;padding:0;" name="seesaaform" onSubmit="return sfcheck()"> <input value="" name="keyword" type="text" size="20" /> <input value="検索" type="submit" class="input-submit" /><br> <div align="left" style="padding-top:2px;"> <div style="float:left;width:20px;"><input type="radio" name="vs" value="" id="radio1" checked="checked" style="border:none;background:none;" /></div> <div style="float:left;width:63px;padding-top:2px;"><IMG src="<% site_info.blog_url %>/img/ico_y.gif" border="0" style="vertical-align:baseline;" /> <label for="radio1">ウェブ</label></div> <div style="float:left;width:20px;"><input type="radio" name="vs" value="<% blog.page_url %>" id="radio2" style="border:none;background:none;" /></div> <div style="float:left;width:65px;padding-top:2px;"><label for="radio2">記事</label></div> <div style="clear:left;"></div> </div> <% content.footer -%> </div> <input type="hidden" name="fr" value="sb-sesa" /><input type="hidden" name="ei" value="Shift_JIS" /> </form> ------------------------------------------------------------ ご回答よろしくお願いします。
- ベストアンサー
- ブログ
- ボタンを押せば、画面が切り替わる方法が知りたい
このプログラムをラジオボタンで画面が切り替わる方法ではなく、普通のsubmitボタンで切り替えれる方法にしたいです。 最初は、<input type="radio"をinput type="submit"にしたのですが、これでは、たぶん変わってるんだとは思うんですけど一瞬しか画面が変わりません。 これを、次のボタンを押すまで、ずーと同じ画面になる方法が知りたいです。 <html> <head> <style type="text/css"> #contents2,#contents3,#contents4{ display:none; } </style> <script language=javascript> function view(divId,divClass){ var divs=document.getElementsByTagName('div'); for(var i=0;i<divs.length;i++){ if(divs[i].className==divClass){ if(divs[i].id==divId) divs[i].style.display="block"; else divs[i].style.display="none"; } } } </script> </head> <body> <form> <input type="radio" name="category" id="category1" onClick="view('contents1','contensGroup')" checked><label for="category1">エリア１</label> <input type="radio" name="category" id="category2" onClick="view('contents2','contensGroup')"><label for="category2">エリア２</label> <input type="radio" name="category" id="category3" onClick="view('contents3','contensGroup')"><label for="category3">エリア３</label> <input type="radio" name="category" id="category4" onClick="view('contents4','contensGroup')"><label for="category4">エリア４</label> </form> <div id="contents1" class="contensGroup">内容１</div> <div id="contents2" class="contensGroup">内容２</div> <div id="contents3" class="contensGroup">内容３</div> <div id="contents4" class="contensGroup">内容４</div> </body> </html>
- ベストアンサー
- JavaScript
- 検索ブログパーツを修正したい。
わたしのブログ http://okbtsnr.seesaa.net/ の左サイドの記事検索のブログパーツがあるのですが、このパーツでYahooウェブと記事のいずれかの検索を記事のみの検索に修正したいのですが、htmlの知識のない私にはむりです。 従って、2つのチェックボックスも削除したい。 次のソースの修正箇所を指摘いただけると嬉しいです。 <script type="text/javaScript"><!-- function sfcheck(){ if (document.seesaaform.vs[0].checked){ document.seesaaform.action='http://search.yahoo.co.jp/search'; document.seesaaform.keyword.name='p'; } if (document.seesaaform.vs[1].checked){ document.seesaaform.action='<% blog.page_url %>pages/user/search/'; document.seesaaform.keyword.name='keyword'; } return true; } //--></script> <div class="sidetitle"><% content.title %></div> <div class="side"> <% content.header -%> <form method="get" action="http://search.yahoo.co.jp/search" style="margin:0;padding:0;" name="seesaaform" onSubmit="return sfcheck()"> <input value="" name="keyword" type="text" size="20" /> <input value="検索" type="submit" class="input-submit" /><br> <div align="left" style="padding-top:2px;"> <div style="float:left;width:20px;"><input type="radio" name="vs" value="" id="radio1" checked="checked" style="border:none;background:none;" /></div> <div style="float:left;width:63px;padding-top:2px;"><IMG src="<% site_info.blog_url %>/img/ico_y.gif" border="0" style="vertical-align:baseline;" /> <label for="radio1">ウェブ</label></div> <div style="float:left;width:20px;"><input type="radio" name="vs" value="<% blog.page_url %>" id="radio2" style="border:none;background:none;" /></div> <div style="float:left;width:65px;padding-top:2px;"><label for="radio2">この記事内</label></div> <div style="clear:left;"></div> </div> <% content.footer -%> </div> <input type="hidden" name="fr" value="sb-sesa" /><input type="hidden" name="ei" value="Shift_JIS" /> </form>
- 締切済み
- HTML
- ファイルの参照について
以下のコード全体を１つのファイルに格納して <link rel="stylesheet" type="text/css" href="サンプル.拡張子"> のような、１行で指すことはできないでしょうか。 よろしくお願い申し上げます。 ファイル名： sample.拡張子 ----------------------------------------- <style type="text/css"> @import url(URL); </style> <div class="＊＊＊"> <div class="cse-branding-form"> <form action="＊＊＊＊"> <div> <input type="＊＊＊＊＊＊＊＊> <input type="text" > <input type="submit" name="＊＊" /> </div> </form> </div> </div> ----------------------------------------- ＊パラメータ部分はダミーです
- 締切済み
- HTML
- JAVASCRIPTで、ボタンを押したら 入力項目を追加できるようにしたい。
FORMタグ内に下記のようなの入力項目があります。 JAVASCRIPTを使って、追加ボタンを押したときに、下記の部分を2個、3個と追加させたいと思っております。 (最初から複数個分の入寮力フォームを用意しておくと、見た目が良くないため、追加ボタンで随時追加するようにしたい） どのようなjavascriptを書けばよいか、ご教授願えませんでしょうか。 どうぞよろしくお願い致します。 <select> <option value=" " selected="selected">選んでください</option> <option value="テスト1">テスト1</option> <option value="テスト2">テスト2</option> <option value="テスト3">テスト3</option> </select> <br class="spacer"> </div> <div class="forms"> <label>テーブル1</label> <input type="text" name="textfield" id="textfield" /> <label>テーブル2</label> <input type="text" name="textfield" id="textfield" /> <label>テーブル3</label> <input type="text" name="textfield" id="textfield" class="short" /> <div class="btns"> <input type="button" value="送信" /> <input type="button" value="さらに入力項目を追加する" /> <input type="button" value="クリア" /> </div>
- ベストアンサー
- JavaScript
- 2段階ラジオボタン後、DIVを表示したい
色々と自力で試行錯誤しましたが、知識が足りません。 javaScriptのif構文とかswich構文の部分が問題かなぁ～と推測しますが、自力で構文を認識・改造が出来ませんので、ご指導をお願い致します。 1段目（ラジオ）＜バス＞＜電車＞ 2段目（ラジオ）＜バス/高級＞＜バス/普通＞ 2段目（ラジオ）＜電車/高級＞＜電車/普通＞ 3段目（DIV）＜高級バス＞＜バス＞＜高級電車＞＜電車＞ 2段目の動作がオカシイです。 連動している一方のみを表示したいです。（連動してないその他は、見えなくしたいです） 以下、ソースです。 <html> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <head> <style type="text/css"> .second , .third{ display: none; } </style> <script type="text/javascript"><!-- function AllHide() { document.getElementById('bus_high').style.display = 'none'; document.getElementById('bus_normal').style.display = 'none'; document.getElementById('train_high').style.display = 'none'; document.getElementById('train_normal').style.display = 'none'; } function SetSubMenu( idname ) { AllHide(); if( idname != "" ) { document.getElementById(idname).style.display = 'block'; } } // --></script> </head> <body> <form action=""> <label><input type="radio" name="move" value="bus" id="move_0" onClick="SetSubMenu(value);">バス</label> <label><input type="radio" name="move" value="train" id="move_1" onClick="SetSubMenu(value);">電車</label> </form> <form action=""> <div class="second" id="bus"> <label><input type="radio" name="grade" value="bus_high" id="grade_0" onClick="SetSubMenu(value);">バス/高級</label> <label><input type="radio" name="grade" value="bus_normal" id="grade_1" onClick="SetSubMenu(value);">バス/普通</label> </div> <div class="second" id="train"> <label><input type="radio" name="grade" value="train_high" id="grade_2" onClick="SetSubMenu(value);">電車/高級</label> <label><input type="radio" name="grade" value="train_normal" id="grade_3" onClick="SetSubMenu(value);">電車/普通</label> </div> </form> <div class="third" id="bus_high">高級バス</div> <div class="third" id="bus_normal">バス</div> <div class="third" id="train_high">高級電車</div> <div class="third" id="train_normal">電車</div> </body> </html>
- ベストアンサー
- JavaScript
- javascript ボタンによる表示について
javascriptのボタンによる表示について質問があります． 質問内容と致しましては，ボタンを表示した時に隠れている問題文を出現させるソースを作っているのですが，うまくプログラムが動作しません． おそらく，window.onloadの使い方が理解しきれてないからだとは思いますが， よくわかりませんので質問させていただきました． 回答の方よろしくお願いします． 以下ソースです． <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript"> function hideForm1(){ document.getElementById("formblock1").style.display = "none"; } function showForm1() { document.getElementById("formblock1").style.display = "block"; } window.onload = function(){ hideForm1(); }; function hideForm2(){ document.getElementById("formblock2").style.display = "none"; } function showForm2() { document.getElementById("formblock2").style.display = "block"; } window.onload = function(){ hideForm2(); }; function hideForm3(){ document.getElementById("formblock3").style.display = "none"; } function showForm3() { document.getElementById("formblock3").style.display = "block"; } window.onload = function(){ hideForm3(); }; function send(){ function chk1(frm, names){ var r = true; for(var i = 0; i < names.length; i++) r &= (frm.elements[names[i]].value !=""); return r; } var r = true; r &= chk1(document.forms['nform'],['kaitouran11','kaitouran12','kaitouran13','kaitouran14','kaitouran21','kaitouran22','kaitouran23','kaitouran24','kaitouran31','kaitouran32','kaitouran33','kaitouran34']); if(r){ document.forms['nform'].submit(); }else{ alert('解答欄に空白があります'); } } </script> </head> <body> <form> <input type="button" value="問題1" onclick="showForm1(); this.disabled = true;"/> </form> <form> <input type="button" value="問題2" onclick="showForm2(); this.disabled = true;"/> </form> <form> <input type="button" value="問題3" onclick="showForm3(); this.disabled = true;"/> </form> <form name="nform" method="post" action="./kaitou1.php" enctype="multipart/form-data"> <div id="formblock1"> <p> 問題1</p> <p>問題文</p> <p> (1)<input type="text" name="kaitouran11" size="14"> (2)<input type="text" name="kaitouran12" size="14"> (3)<input type="text" name="kaitouran13" size="14"> (4)<input type="text" name="kaitouran14" size="14"> </p> </div> <div id="formblock2"> <p> 問題2</p> <p>問題文</p> <p> (1)<input type="text" name="kaitouran21" size="14"> (2)<input type="text" name="kaitouran22" size="14"> (3)<input type="text" name="kaitouran23" size="14"> (4)<input type="text" name="kaitouran24" size="14"> </p> </div> <div id="formblock3"> <p> 問題3</p> <p>問題文</p> <p> (1)<input type="text" name="kaitouran31" size="14"> (2)<input type="text" name="kaitouran32" size="14"> (3)<input type="text" name="kaitouran33" size="14"> (4)<input type="text" name="kaitouran34" size="14"> </p> </div> </form> <input type="button" value="送信" onclick="send()"> </body> </html>
- ベストアンサー
- JavaScript
- Formでアンケートページを作成 送信 メールに反映しない。
こんにちは、DreamWeaver8を使ってホームページの勉強を始めたものです。 練習でFormを使ってアンケートページを作りました。 Form actionでメールアドレスを指定して 送信ボタン（Submit）を押すと、メーラーが起動して上記アドレスが記載されたメールができるのですが、中身が反映していません。（アンケートに書かれた、性別、職業など） どのようにすれば反映されるのでしょうか？ 何かお分かりの方がいましたら教えてください。 よろしくお願いします。 <form action="mailto:test@***.**.jp" method="post" enctype="text/plain" name="form1" id="form1"> <table width="920" border="1"> <tr> <td>性別</td> <td><label for="radiobutton">男</label> <input name="radiobutton" type="radio" id="radiobutton" value="man" checked="checked" /> <label for="label2">女</label> <input name="radiobutton" type="radio" value="woman" id="label2" /></td> </tr> 略 <tr> <td colspan="2"><div align="center"> <input type="reset" name="Submit2" value="リセット" /> <input type="submit" name="Submit" value="送信" /> </div></td> </tr> </table> </form>
- ベストアンサー
- ホームページ作成ソフト
- formの送信ボタンクリック後、別ウインドウ表示
お世話になります。 現在下記の指定でPDFを表示しています。 <INPUT type="submit" name="submit" value="送信" onClick="form.action='tcpdf/pdf.php';return true" class="button_order"> これをクリック後、別ウインドウでPDFを表示したいのですが、 onClick="form.action='tcpdf/pdf.php';return true"の部分を onClick="form.action='tcpdf/pdf_sample.php';target='_blank'"とかにしても うまくいきせん。 ボタンはもう一つあるので、 <INPUT type="submit" name="submit" value="戻る" onClick="form.action='201504_1_2.php';return true" class="button_re-selection"> 出来れば、送信ボタンのみの設定を別ウインドウ表示にしたいです。 よろしくお願いいたします。
- ベストアンサー
- HTML
- formの中で別のactionをもったsubmitボタンの設置。
formの中で別のactionをもったsubmitボタンの設置。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=EUC-JP"> <title>sample</title> <script language="JavaScript" type="text/javascript"> <!-- //＜クリックした時に実行される関数＞ //*** 送信画面 function func1(form){ document.form1.text.value =form.text.value; document.form1.file.value =form.file.value; document.form1.dummy.value =form.dummy.value; document.form1.submit(); } //*** ユーザー追加画面 function func2(form){ document.form2.text.value =form.text.value; document.form2.file.value =form.file.value; document.form2.dummy.value =form.dummy.value; document.form2.submit(); } //--> </script> </head> <body class="index"> <form enctype="multipart/form-data"> <table id="table" width="100%"> <tr><th width="10%">テキスト</th><td><input type="text" name="text"> <br /> <div style="text-align:left;"> <input type="button" onClick="func2(this.form)" value="テキスト確認"> </div> </td></tr> <tr><th width="10%">添付</th><td><input type="file" name="file"></td></tr> </table> <div style="text-align:left;"> <input type="button" onClick="func1(this.form)" value="確認"> </div> </form> <!-- sousin.php画面へ --> <form method="post" name="form1" action="sousin.php" enctype="multipart/form-data"> <input type="hidden" name="text"> <input type="hidden" name="file"> <input type="hidden" name="dummy"> </form> <!--- text.php画面へ ---> <form method="post" name="form2" action="text.php" enctype="multipart/form-data"> <input type="hidden" name="text"> <input type="hidden" name="file"> <input type="hidden" name="dummy"> </form> </body> </html> 上記のように記述し、フォームの中に別のactionをもったsubmitボタンを設置しました。 textの内容は渡せるのですが、添付したいファイルを渡すことができません。 添付ファイルも渡せるようにするにはどうすればよいのでしょうか
- ベストアンサー
- HTML
お礼
おかげさまで作業を完了することができました。 ありがとうございます。 htmlやcssは問題ないのですがjavaの仕組みをいまいち理解しておらずとても困っていました。 本当にありがとうございます。