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

インラインフレーム内にある同じリンクからのジャンプ先を、呼び出し元の親ウィンドウによって違うページにジャンプするようにしたいのですが、どのようにしたらよいかアドバイスお願いします。できたらjavascriptで実行したいです。

親ウィンドウ インラインフレーム リンク先
parent1.html inline.html jump1.html
parent2.html inline.html jump2.html

●質問者: shinwa-tokyo
●カテゴリ:インターネット ウェブ制作
✍キーワード:HTML JavaScript アドバイス インラインフレーム ウィンドウ
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● GEN111
●27ポイント

やり方はいくつかあると思いますが、たとえば inline.html のリンクを

<a href="javascript:location = (parent.location.href.search(/parent1\.html$/) > 0 ? './jump1.html' : './jump2.html')">じゃんぷ</a>

のようにするとか。


人力検索はてな

◎質問者からの返答

ありがとうございます。

参考になりました。


2 ● Yota
●27ポイント

inline.html

<html>

<head>

<script type="text/javascript">

window.onload = function() {

var purl = window.parent.location.pathname ;

switch(purl) {

case '/parent1.html' : document.getElementById('lurl').href = "jump1.html" ;

case '/parent2.html' : document.getElementById('lurl').href = "jump2.html" ;

}

}

</script>

</head>

<body>

<div id="lnk">

<a href="" id="lurl">リンク</a>

</div>

</body>

</html>

http://dummy.com/

◎質問者からの返答

ありがとうございます。

大変参考になります。

追加で質問させていただきたいのですが、

インラインフレームの親ウィンドウが、

ディレクトリA以下のページならばjump1.htmlへ

ディレクトリB以下のページならばjump2.htmlへということもできるのでしょうか。

親ウィンドウ インラインフレーム ジャンプ先

directory_a/hoge.html inline.html jump1.html

direcotry_b/hoge.html inline.html jump2.html


3 ● Yota
●26ポイント

こんな感じでディレクトリ名だけ取りだせばいいのではないでしょうか。

var purl = window.parent.location.href ;

purl.match(/^\/(.+)\/.+/) ;

var dir = RegExp.$1

http://dummy.com/

関連質問


●質問をもっと探す●



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