链接到iframe中的页面

时间:2010-11-11 14:36:23

标签: jquery iframe hyperlink expressionengine

在我正在处理的网站上,我们有一个新闻页面。在新闻页面上是新闻文章的嵌入式iframe。该网站还在每个页面上都有一个侧边栏,其中包含三个特色新闻故事标题。是否有可能将这些新闻报道引导到新闻页面,然后在iframe中打开相应的相关新闻文章?该站点在ExpressionEngine中设置,因此需要设置链接,以便客户端可以更改新闻链接和相应的URL。

我知道如果我链接到新闻报道,然后有目标=“新闻窗口”(以及iframe上的新闻窗口),当你在新闻页面时,它将在iframe中打开。问题是当您在不同的页面上(因此无法找到iframe)时,它会在单独的窗口中打开。我需要首先进入新闻页面然后执行href。我认为一些简单的jquery应该这样做,但我不确定从哪里开始。任何帮助都会很棒。


从下面的答案中,我调整了我的代码,如下所示:

补充工具栏链接:<a href="/news#id=1930">Link Here</a>

在新闻页面:

 <?php if ( isset( $_GET['id'] ) ) : ?>
    <iframe src="http://www.newsite.com/news/abunchofletters&ClientArticleID=<?php echo $_GET['id'] ?>" width="680" height="380" scrolling="yes" frameborder="0">
    </iframe>
  <?php endif; ?>

在RSS Feed上,文章ID由“&amp; ClientArticleID”调用。现在链接工作,iframe工作,但是当您点击链接时,它仍然只会导致新闻页面,而不是iframe中的特定文章。我使用的是#标签而不是?因为它呢?没有用。也许是因为我的页面不是以.php结尾,因为它们是通过EE。有什么想法吗?

2 个答案:

答案 0 :(得分:1)

当我们需要在iframe中显示来自其他网站的网页时,我必须这样做一次。如果您使用以下网址调用新闻页面:

http://domain.com/news.php?id=743

其中id是指数据库中的新闻项ID,然后您可以将代码放在news.php页面中:

<?php
if ( isset( $_GET['id'] ) ) : ?>
<iframe src="http://www.othersite.com/article.php?id=<?php echo $_GET['id'] ?>">
</iframe>
<?php endif; ?>

这将根据查询字符串中指定的ID动态地将文章加载到iframe中。

答案 1 :(得分:0)

为iFrame命名,然后为链接指定iFrame名称的目标
如果iFrame的名称是'mypage',那么代码将如下所示:

<iframe src="http://example.com" width="500px" height="500px" name="iframe"></iframe>
<a href="http://doc.jsfiddle.net/" target="iframe">Go to JSFiddle Docs in the iFrame</a>

http://jsfiddle.net/zJC6v/

上查看