別フレームのロールオーバーの特定はできますか？

質問

先日、別フレームのロールオーバーで質問させてもらったものです。
が、新たな問題が・・

topのフレームで指示を出して、bottomの画像を変えるのは
おかげさまで解決したのですが
bottomのページの特定ができるのでしょうか？
bottomが3ページあるのですが、どのページにも影響して
エラーになってしまいます。

よろしくお願いします。

回答No.2

leap_day · ベストアンサー

こんにちは

＞何処に書き加えればいいのでしょうか？
下記のように加えていきます

function mouse_over(which) {
url = parent.bottom.location.href;
if(url == "h ttp://*******(フルパス指定）") {
parent.bottom.document.images["swapImg"].src=img1[which].src;
}else {
return false;
}
}
function mouse_out(which) {
url = parent.bottom.location.href;
if(url == "h ttp://*******(フルパス指定）") {
parent.bottom.document.images["swapImg"].src=img2.src;
}else {
return false;
}
}

今回の場合でしたら『ロールオーバー』『onMouseover』『onMouseout』『url取得　javascript』などで検索すれば結構色々な例が出てきます
で、それらをコピペして一旦実行してみます（画像やリンクのurlは適宜変更して）
それがきちんと機能するのを確認してからちょこちょこっと中身を替えてみたり別の機能を付け足したりしてみてうまくいくか色々試しています
僕の場合はほとんどがこういったweb上での勉強ですのでやっぱり無いものは無いですからそういったときにはこちらでお聞きしております

とりあえず参考にさせてもらっているサイトを幾つか載せておきます
http://technique.eweb-design.com/index.html
http://www.openspc2.org/reibun/javascript/
http://www.fureai.or.jp/~tato/DHTML/simple/content2.htm

お礼

おはようございます。
お礼が遅くなってしまって申し訳ありませんm(__)m

無事問題解決しました。
これでもしページ数が増えても問題なく進みそうです。

参考サイト情報もありがとうございました。
サンプルもたくさんあって、今から活用できそうで
わくわくしてます。
少しづつですが勉強していければと思います。

重ね重ねありがとうございました。

回答No.1

leap_day

こんにちは

確かに前回のであれば下のフレームのページにはすべて
<img src="" name="swapImg" style="display:none">
などのようにして配置しておかなければなりませんね

下フレームのurlを取得するなら
parent.(フレーム名）.location.href
で取得できますので

url = parent.bottom.location.href;
if(url == "h ttp://*******(フルパス指定）") {
ロールオーバー処理
}else {
return false;
}

などのようにすればいいかと思います

補足

前回に続き本当にありがとうございます。

<img src="" name="swapImg" style="display:none">
これを入れてスッキリ問題解決しました♪

今後のために、少し進んでお聞きしたいのですが
url = parent.bottom.location.href;
if(url == "h ttp://*******(フルパス指定）") {
ロールオーバー処理
}else {
return false;
}
・・は、何処に書き加えればいいのでしょうか？

今までビルダーで作業をしていたのですが
今回のことでソースに触れる事になり
魔法を使っているようで、面白くなりかけています。
ソースが読めればもっと楽しいかと思うのですが
何か良い勉強方法がありますか？

よかったら合わせてご指導くださいませ。