个人中心
文章发布
退出
作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误，当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
26
4
我有一个 Teamspeak 状态查看脚本托管在与我的 wordpress 不同的域上。因此，我尝试使用 iframe 在 text/html 小部件中显示脚本结果，但它不会自动调整高度。 Wordpress 在共享主机上，因此该脚本不会从那里与我的 teamspeak 服务器通信。我找不到任何其他 ts3 查看器可以在自动隐藏空 channel 时工作并且不完全丑陋。在做了一些研究之后，我发现了似乎是最新最好的解决方案，David J Bradshaw's iframe-resizer .现在我不是这方面的专家，也不完全明白我应该如何正确设置它。
目前我的 wordpress 小部件是这样的:
<iframe src="http://66.172.12.238/ts3.php" width="100%" scrolling="no"></iframe>
ts3.php 内容如下:
<html>
<head>
<title>TSStatus</title>
<link rel="stylesheet" type="text/css" href="/ts3/tsstatus.css" />
<script type="text/javascript" src="/ts3/tsstatus.js"></script>
</head>
<body>
<?php
require_once("/var/www/ts3/tsstatus.php");
$tsstatus = new TSStatus("ts3.greatarchitect.us", 10011);
$tsstatus->useServerPort(9987);
$tsstatus->imagePath = "/ts3/img/";
$tsstatus->timeout = 2;
$tsstatus->hideEmptyChannels = true;
$tsstatus->hideParentChannels = true;
$tsstatus->showNicknameBox = false;
$tsstatus->showPasswordBox = false;
echo $tsstatus->render();
?>
</body>
</html>
这就是我现在所拥有的。我希望有人能帮助我正确安装/设置这个 iframe-resizer。
谢谢。
最佳答案
看起来你需要添加一个js文件到你的http://66.172.12.238/ts3.php
See fiddle here您的页面和插件页面的示例。
你需要添加这个js文件:
<script type="text/javascript" src="http://davidjbradshaw.com/iframe-resizer/js/iframeResizer.contentWindow.min.js"></script>
我不知道你是否知道如何加载额外的 js 文件到 Wordpress。如果没有，请阅读此处 http://codex.wordpress.org/Function_Reference/wp_enqueue_script
添加js文件到Wordpress
我会将它添加到一个单独的 js 文件中以执行调整器，我将其命名为 iframe.js:
iFrameResize({
log : true, // Enable console logging
enablePublicMethods : true, // Enable methods within iframe hosted page
});
将此添加到主题的 functions.php 文件中:
function theme_name_scripts() {
wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/iframeResizer.min.js ', array(), '1.0.0', true );
wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/iframe.js ', array(), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );
确保在 themefolder/js/ 文件夹中添加 iframeResizer.min.js 和 iframe.js。
您可以编辑 iframe.js 脚本，因为您不需要插件的额外选项!
关于javascript - 使用 David J Bradshaw 的 iframe-resizer，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24613836/
26
4
0
我正在寻求有关如何使用 David Bradshaw 的 iframe resizer 的帮助？我打算在博客上使用它，因为我使用 iframe 来显示跨域内容，我希望 iframe 根据其内容的大小调
我有一个 Teamspeak 状态查看脚本托管在与我的 wordpress 不同的域上。因此，我尝试使用 iframe 在 text/html 小部件中显示脚本结果，但它不会自动调整高度。 Wordp
我是一名优秀的程序员,十分优秀！