0

!! SOS!!

問題の背景:ページ タイトルと対応する URL を含むファイルがあります。このファイルを動的に読み取り、各行に (クリック可能な) タイトルを表示するテーブルを生成しています。ページには 1 つの iframe があります。ユーザーが行の 1 つをクリックすると、対応するページが iframe に読み込まれる必要があります。これらの URL は異なるドメインに属している可能性があります。

主な問題:最初のクリックで、対応する URL が iframe で完全に開きます。ただし、後続のクリック (同じ行または別の行) では、iframe 内の以前の URL を置き換える代わりに、新しいウィンドウで URL が開きます。

長い間グーグルで調べてみましたが、この問題はまだ解決されていないようです (返信のない空の投稿がたくさんあります:-()

この投稿に返信してください。必要に応じて、より多くの情報/コードを提供させていただきます。

よろしくP

PS: ところで、この単純な html コードでも同じことが起こっています。2 つのリンクと 1 つの iframe だけです。このhtmlファイルをコピペして試してみてください。1 つのリンクはコンテンツを iframe にロードし、もう 1 つのリンクは新しいタブ :x :x にリダイレクトします

<html>
<table>
<tr><td><a style="text-decoration:none; line-height: 150%; color:darkslategray;" href="http://www.usatoday.com/story/money/markets/2013/01/04/stocks-higher-bull-market-high/1810075/" target="main_frame">GM, Peugeot to Decide on Brazil Factory This Month, Veja Says <br>Bloomberg News &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 2012-05-19</a></td></tr>
<tr><td><a style="text-decoration:none; line-height: 150%; color:darkslategray;" href="http://www.reuters.com/article/2013/01/04/us-markets-stocks-idUSBRE8BG0D620130104" target="main_frame">GM, Peugeot no Decide on Brazil Factory This Month, Veja Says <br>Bloomberg News &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 2012-05-20</a></td></tr>
</table>

<iframe name="main_frame" frameborder="0" marginheight="0" marginwidth="0" scrolling="yes" height="100%" width="100%" src=""></iframe>

</html>

クロームとファイアフォックスの両方でテスト済み。

4

2 に答える 2

1

解決しました!!!

次の 2 つのリンクを使用しました: https://developer.mozilla.org/en-US/docs/HTML/Element/iframe とFirefox は、代わりにブラウザの新しいタブで iFrame をターゲットとするリンクを開きます

および次のコード:

<html>
<head>
<script type="text/javascript">
function navigate(url)
{
    var iframe = document.getElementsByTagName( "iframe" )[0];
    iframe.src = url;
}
</script>
</head>

<body>
<table>
<tr><td><a href="javascript:navigate('http://www.usatoday.com/story/money/markets/2013/01/04/stocks-higher-bull-market-high/1810075/')">Some title</a></td></tr>
<tr><td><a href="javascript:navigate('http://www.reuters.com/article/2013/01/04/us-markets-stocks-idUSBRE8BG0D620130104')">Some Other title</a></td></tr>
</table>

<iframe name="main_frame" frameborder="0" marginheight="0" marginwidth="0" scrolling="yes" height="100%" width="100%" src=""></iframe>

</body>
</html>
于 2013-01-08T00:57:21.137 に答える