人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

【javascript】こちら( http://css-happylife.com/template/14/ )のjavascriptでロールオーバー実装したのですが、
firefoxのブラウザの戻るボタンでページを戻った状態で、
ボタン画像がロールオーバーの画像のままになってしまいます。
※htmlソースのメタ情報でブラウザキャッシュを指定してみたのですがダメでした。

javascript内でこれを解除する方法を教えて下さい。

●質問者: minor3010
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:firefox HTML JavaScript キャッシュ ソース
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● t_shiono
●35ポイント

bodyのonLoadで強制的に初期状態に戻すとかはどうですか?

ブラウザ間で挙動が異なるようですが、以下のURLを参考にすると対応できると思います。

http://d.hatena.ne.jp/hiratara/20080308/1204955060

何かの参考になれば。

◎質問者からの返答

有り難うございます。

具体的にはbody onload=""の中にどのようなコードを記述すればよいのでしょうか?


2 ● t_shiono
●35ポイント

もっと効率よくやる方法はあるかもですが、例えば、次のような関数を用意してあげて、

function resetRollover() {
if(document.getElementsByTagName) {
var images = document.getElementsByTagName("img");
for(var i=0; i < images.length; i++) {
if(images[i].getAttribute("src").match("_on.")) {
images[i].setAttribute("src", images[i].getAttribute("src").replace("_on.", "_off."));
}
}
}
}

以下のように指定とするとうまくいくと思います。

Firefoxでは確認しました。

<body onpageshow="resetRollover();">

何かの参考になれば。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ