[掲示板へもどる]
一括表示

  [No.10258] マウスオーバーでの地図年代切替 投稿者:kaz   投稿日:2017/03/03(Fri) 20:50:12

最近のレポ「熱海の野中山トンネル」( http://yamaiga.com/mini/224/main.html )や
「天野橋と天野新道」( http://yamaiga.com/road/amano/main2.html )でも使われている
"年代部分にマウスオーバーすると下の地図が切り替わる" 効果ですが、以前よりJavascript的に正しくなくIE以外で動かない(Chrome,Firefoxなどでは動作しない)のが気になっていました。
これ意外と修正は簡単で
onmouseover="change1.src='old_1.jpg'"

onmouseover="document.getElementById('change1').src='old_1.jpg'"
のように変えれば今時の大抵のブラウザ(IE含む)で動作するようになるので、対応して頂けると嬉しいです。


  [No.10264] Re: マウスオーバーでの地図年代切替 投稿者:ヨッキれん   《URL》   投稿日:2017/03/05(Sun) 19:14:02

kazさんへ

サイトの問題についてのご指摘、および解決法の伝授に感謝致します。
ご指摘いただいたふたつのページについて、修正をいたしました。
私の環境では問題無く動いておりますが、kazさんの環境でも、正しく表示出来ているでしょうか? 以後、教えていただいたスクリプトを利用したいと思います。

ありがとうございました!


  [No.10267] Re: マウスオーバーでの地図年代切替 投稿者:kaz   投稿日:2017/03/06(Mon) 21:17:19

ありがとうございます!
Chromeの最新版で確認しましたがマウスオーバーで切り替わるようになりました。
Firefox, IE, MS Edgeでも動作するのを確認しています。

あと先の書き込みで「Firefoxでも動かない」と書きましたが、いま最新版のFirefoxで確認したら前の記法でも動いてました…
最近firefoxを使っていなかったので、最新firefoxで動くようになったのか私の記憶違いだったのか、すみません。

いずれにせよ動かなかったChromeで動作するようになりましたし、他のブラウザでも動作しますので、今後は新しい記法を使って頂けると大変嬉しいです。

対応ありがとうございました。


  [No.10293] 続・マウスオーバーでの地図年代切替 投稿者:URO   投稿日:2017/03/19(Sun) 21:30:08

最近のレポ「静岡県道39号線」( http://yamaiga.com/road/spr39/main.html )において、昭和5年の地図と同27年の地図がマウスオーバーで切り替わる所ですが、現在地と県道を示す符号が重なっており、非常に見にくいです。
対応して頂けると嬉しいです。