- 締切済み
inputで<a name="xx">と同じことを
php,javascriptの初心者です。 掲示板の投稿確認画面にて、 「修正」画像を押すと前のページに戻り、 「送信」ボタンを押すと完了画面に遷移するという構成で 現在掲示板を作成しています。 ↓現状 <%form%> ～～～フォームの内容～～～ <input type="hidden" name="bbs_id" value="<%$form.bbs_id%>" /> <input type="image" src="/img/btn-amend_n.png" onmouseover="this.src='/img/btn-amend_r.png'" onmouseout="this.src='/img/btn-amend_n.png'" alt="修正" name="action_bbs_editForm" /> <input type="image" src="/img/btn-trans_n.png" onmouseover="this.src='/img/btn-trans_r.png'" onmouseout="this.src='/img/btn-trans_n.png'" alt="送信" name="action_bbs_editDo" /> <input type="hidden" name="command" value="back" /> <%/form%> そこで今回、修正で戻った際に、ページ内の中央部にあるid="bbs_box"に表示位置を合わせたいと思っています。 <a href="～#bbs_box"></a>と同様のことをinputタグでできるのでしょうか。 是非解決方法を教えていただければと思います。 宜しくお願いします。
- JavaScript
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- 神崎 渉瑠（@taloo）
- ベストアンサー率44% (1016/2281)
ほかにJavaScriptが使われていない前提で。（CGIのみで処理しているformだとして） <input type="image" src="/img/btn-amend_n.png" onmouseover="this.src='/img/btn-amend_r.png'" onmouseout="this.src='/img/btn-amend_n.png'" alt="修正" name="action_bbs_editForm" onclick="this.form.action=this.form.action+'#bbs_box';" /> こんな感じでしょうか。 （ onclickを追加しています。）
- yambejp
- ベストアンサー率51% (3827/7415)
input imageをクリックしたときにとぶのはformのアクションです onclick時にアクションで飛ばないようにし、location.hashを変更して やってはどうでしょうか？
関連するQ&A
- input type="image" 複数の画像がある場合のSubmit
いつもお世話になります。 早速ですが質問です。 function Check(){ if(document.form.text.value==""){ alert('入力してください'); return false; } return true; } <form name="form" action="./form.cgi" method="post" onSubmit="return Check();"> <input type="text" name="text"> <input type="image" src="img/back.gif" name="btn01" alt="戻る"> <input type="image" src="img/next.gif" name="btn02" alt="進む"> </form> とあります。 テキストボックスの値が空の場合は【進む】を押したときにエラーを出し、 【戻る】を押したときは値の入力に関係なくページを移動したいです。 どなた様かよろしくお願いします。
- ベストアンサー
- JavaScript
- checkboxについておしえてください
<form action=" " method="post"> <input type="checkbox" name=" figure" value="1"><img src="a.png"> <input type="checkbox" name=" figure" value="2"><img src="b.png"> <input type="checkbox" name=" figure" value="3"><img src="c.png"> <input type="checkbox" name=" figure" value="4"><img src="a.png"> <input type="checkbox" name=" figure" value="5"><img src="b.png"> <input type="submit" value="送信する"> </form> とした場合に、絵の左にくるチェックボックスの位置を、添付した図のように位置を図の中にもってこれないかと考えています。できれば、大きさも変えたいと考えています。 cssでできるのでしょうか？ cssじゃない方法などもあるのでしょうか？よろしくお願いいたします。
- ベストアンサー
- HTML
- INPUTにnameがない場合のsubmit
<FORM ACTION="login.asp" METHOD="POST"> USER ID:<INPUT TYPE="text" NAME="userid" SIZE="12"><br> パスワード:<INPUT TYPE="password" NAME="pass" SIZE="12"><br> <INPUT TYPE="submit" NAME="btn01" VALUE="ログイン"> <INPUT TYPE="reset" VALUE="クリア"> </FORM> 上記のHTMLに対して、VBAで操作する場合、 データセットした後 objIE.document.all.btn01.Click 'クリックメソッドを実行 で、submit出来るかと思います。 今、VBAで自動ログインしたいサイトが <INPUT TYPE="submit" VALUE="ログイン"> のような感じで、nameの属性がありません。 こういうときは、VBAではどうすればログインできるのでしょうか。 初歩的な質問ですみませんが、わかる方教えてください。
- ベストアンサー
- Visual Basic
- htmlのcheckboxで質問です
<form action=" " method="post"> <p> <input type="checkbox" name="riyu" value="1"><img src="a.png"> <input type="checkbox" name="riyu" value="2"><img src="b.png"> <input type="checkbox" name="riyu" value="3"><img src="c.png"> </p> <p> <input type="submit" value="送信する"> </p> </form> のようにして、絵の左にくるチェックボックスの位置や大きさを変えたいのですが、cssとかでできるのでしょうか？できれば絵に重なるようにチェックボックスを持ってきたいのですが。 cssじゃない方法などもあるのでしょうか？よろしくお願いいたします。
- 締切済み
- HTML
- 文書オブジェクトについて？？？
フォームボタンの画像を入れ替えたいのですが、 正しく動きません。何が悪いのでしょうか？ 文字コードはEUC-JPを使っていますが、関係あるのでしょうか？ <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=EUC-JP"> <TITLE>Javascript</TITLE> <script type="text/javascript"> <!-- function btn_click(dat) { if(teban == 1){ document.forms['btn'].elements['btn1'].src = "./img/b.gif"; }else{ document.forms['btn'].elements['btn2'].src = "./img/d.gif"; } } --> </script> </HEAD> <BODY> フォームのボタンを使ってクリックすると画像が変わる ようにしたい <form name="btn"> <input name="btn1" type="image" src="./img/a.gif" onClick="play_start(1); return false;"> <input name="btn2" type="image" src="./img/c.gif" onClick="play_start(2); return false;"> </form> </BODY> </HTML>
- 締切済み
- JavaScript
- input type="image"の押し方
スカイマークの予約を自動でしたいのですが、 (1)日にち 行き先を指定する。 (2)便・料金を選択する。 (3)人数を入力する この入力手順なのですが、(3)の入力した後の「次へ」のボタンの押し方がわかりません ソースを見ると <input type="image" name="next" src="/web_rsv/ja/images/next_button.gif" onClick="nextDisplay(nform, nform.btn, this)" > このようになっています。 ご教授願います。 <input type="image" name="next" src="/web_rsv/ja/images/next_button.gif" onClick="nextDisplay(nform, nform.btn, this)" >
- ベストアンサー
- Visual Basic
- input の画像について
<input name="return" type="submit" value=" 戻る "> というボタンを画像にしたい場合、 <input type="image" src="img/modorubtn.gif" name="return" alt="戻る"> で良いのでしょうか？ これで、動作しない場合は、どのような原因が考えられるでしょうか？ よろしくお願いします。
- ベストアンサー
- HTML
- <input>
お聞きしますがチャット等で<input type="submit" value="入室" name="submit">で入室できますがこれだと自分のフレーム内からはみ出してしまいます。 CGIを組まないで外部からHTMLだけでやりたいのですが無理でしょうか？ ちなみに <form method="post" action="http://" name="enter"> 名前<input type="text" name="user" value="名前"> <input type="submit" value="入室" name="submit"> </form> こんな感じで、これだと <frameset rows="100,*"> <frame src="1.html" name="1"> <frame src="2.shtml" name="2"> </frameset> で、1が先程の入室画面で2を発言後の画面で3を発言画面だとします。 1から3に飛ばし、発言した言葉を2に送るようにしたいのですが1で入室画面を押すと、元の本チャットへ戻ってしまうので困ります。 後、<frameset>の中の背景等を強制的に他の色にしてみせる事はできませんでしょうか？
- ベストアンサー
- HTML
- NAME が同じ複数の INPUT データの空判定
お世話になっております。 <FORM> <INPUT TYPE="text" NAME="A"> <INPUT TYPE="text" NAME="A"> <INPUT TYPE="text" NAME="A"> </FORM> という形で３つの INPUT からデータを１つの変数に受け取り、その上で３つの内のいずれか（特定はできなくても構いません）が入力されていない場合に、エラーを返したいのですが、どのようにしたら良いでしょうか。 ご教示宜しくお願い致します。
- ベストアンサー
- Perl
- NETSCAPEで表示がうまくいかない
折りたたみメニューのようなのを作成してます。 IEだと問題なく動くのですが、 NETSCAPEになると、マウスオーバー・オフで ロールオーバーの画像が変わらなかったり 表示が消えるはずの箇所が残ったりします。 NETSCAPEでも、ちゃんと動く用にしたいです。 どなたかご助言を頂けないでしょうか？ ソースの中を抜粋しました <A href ="BOOK.html" onMouseOver="On('img10');" onMouseOut="Off('img10');"> <IMG src ="10-1.png" border="0" NAME = "img10" alt = ""> </A></DIV> <DIV class="Lmenu_Rmenu"> <A href ="CD.html" onMouseOver="On('img11');" onMouseOut="Off('img11');"> <IMG src ="11-1.png" border="0" NAME = "img11" alt = ""> </A></DIV> <DIV class="Lmenu_Rmenu"> <A href ="DVD.html" onMouseOver="On('img12');" onMouseOut="Off('img12');"> <IMG src ="12-1.png" border="0" NAME = "img12" alt = ""> </A></DIV> </DIV></div> <SCRIPT type="text/javascript" src="java.js"></SCRIPT> var img1on = new Image(); var img1off = new Image(); ・ ・ var img12on = new Image(); var img12off = new Image(); img1off.src = "1-1.png"; // 普段の画像 img1on.src = "1-2.png"; // ポイント時の画像 ・ ・ img12off.src = "12-1.png"; img12on.src = "12-2.png"; // ポイント時の処理 function On(name) { if (document.images) { document.images[name].src = eval(name + 'on.src'); } } // 放した時の処理 function Off(name) { if (document.images) { document.images[name].src = eval(name + 'off.src'); } }
- 締切済み
- JavaScript
