【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?

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タグでできるのでしょうか。

是非解決方法を教えていただければと思います。
宜しくお願いします。

A 回答 (2件)

ほかに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を追加しています。)
    • good
    • 0

input imageをクリックしたときにとぶのはformのアクションです


onclick時にアクションで飛ばないようにし、location.hashを変更して
やってはどうでしょうか?
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


おすすめ情報