使用iFrame嵌入

Question

我想为本地足球（足球）队伍建立一个网站，但我不确定如何在网站上显示联盟桌上积分榜http://wnl.org.uk/tables.htm。

我可以创建一个iframe，但它会拉入整个页面，我只需要其中一个表格。我也想让它响应并应用我自己的风格来符合我的主题。

这只是一个业余联赛，所以它不能通过opta或类似的东西，所以我不确定什么是最好的方法。

任何人都可以帮助 - 这个问题更多的是我怎么做，而不是这是我的。我不知道如何实现它。

Answer 1

如果你想从你的服务器中，你可以使用jQuery的​​功能这样获取数据的页面：（此方法不IFRAME）

<div id="target-div"> 
</div> 

而不是使用此代码：

$('#target-div').load('./tables.htm #main'); 

当此方法执行，它检索的AJAX /的test.html的内容，但随后的jQuery解析返回的文档找到与容器的标识的元素。将此元素及其内容插入到具有target-id的元素中，并且丢弃检索到的文档的其余部分。

.load() jQuery文档

但这只能做，如果这个网站是你的服务器里，因为它使用AJAX获取内容。

希望这会有所帮助。

换种方式

如果你想与iframe中你可以使用一些CSS-技巧，以显示您需要的页面只把部分做到这一点。

<div style="border: 2px solid #D5CC5A; overflow: hidden; margin: 15px auto; max-width: 575px;"> 
    <iframe scrolling="no" src="http://wnl.org.uk/tables.htm" style="border: 0px none; margin-left: -36px; height: 812px; margin-top: -486px; width: 650px;"> 
    </iframe> 
</div> 

来源：http://www.dimpost.com/2012/12/iframe-how-to-display-specific-part-of.html

这样做的缺点是，你将需要iframe的利润和股利的宽度手动，直到你得到你想要的结果，以测试不同的值。使用PHP

1）创建一个文件 “tables.htm”，让它空

最短的途径。

2）创建一个文件“test.php”（确保它们在同一个文件夹中）。

3）添加有这个代码行：

<?php 
    $contents = file_get_contents("http://wnl.org.uk/tables.htm"); 
    $file = fopen("tables.htm", "w") or die ("Unable to open file"); 
    fwrite($file, $contents); 
    fclose($file); 
    echo "Successful"; 
?> 

4）运行在浏览器文件。这会将该网站中文件的内容写入服务器中的文件“tables.htm”。

5）现在文件被写入访问它的数据使用​​函数我上面提到。

<div id="target-div"> 
</div> 
<script> 
    $('#target-div').load('tables.htm #main'); 
</script> 

6）如果你在你的主机有选择“Cron作业”，用它来使脚本“test.php的”在特定的时间运行，而不需要你在浏览器中手动运行它。

这是你可以做到的最好的方式，最好的部分是你可以改变元素的风格。