環境
現在のURLにリダイレクトする「アクション」属性を持つ各画像にフォームがあります。フォームを送信した後、ユーザーが現在の URL にリダイレクトされ、その後にコメントしている画像のハッシュが続くようにしたいと考えています。
私が欲しいもの
- フォームの「古い」アクション属性 = ?q=page/35
- フォームの 'new'アクション属性 = ?q=page/35#4
私がしたこと
Javascript:
var oldFormAction = $('span').find('.replies-form').attr('action');
if (!oldfFormAction.match(/#/)){
$('span').find('.replies-form').prop('action', oldFormAction + location.hash)
}
HTML:
<span class="image-caption current" style="opacity: 1;">
<form accept-charset="UTF-8" id="reply-add-form" class="replies-form" method="post" action="?q=page/35">
<div>
<input type="text">
</div>
<button type="submit" value="Submit">Submit</button>
</form>
</span>
機能していないもの
- Chrome と Firefox では、期待どおりに動作します。
- ただし、Safari 6 (IE ではテストしていません) では、フォーム アクション自体が変更されても(上記のコードの 3 行目) 、フォームの送信中にハッシュは保持されません。