title: Using David J Bradshaw's iframe-resizer
body: <p>I have a Teamspeak status viewing script hosted on a different domain than my wordpress. So I'm trying to show the script results in a text/html widget using an iframe except it will not auto-size the height. Wordpress is on shared hosting so this script will not communicate with my teamspeak server from there. I cannot find any other ts3 viewers that work while auto-hide empty channels and not completely ugly. After doing some research I came across what appears to be the latest and greatest solution, <a href="https://github.com/davidjbradshaw/iframe-resizer" rel="nofollow">David J Bradshaw's iframe-resizer</a>. Now I'm no expert on the subject and don't completely understand how I should set this up properly. </p>
  
  <p>Currently my wordpress widget reads like this:</p>
  
  <pre><code>&lt;iframe src="http://66.172.12.238/ts3.php" width="100%" scrolling="no"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>ts3.php reads like this:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;TSStatus&lt;/title&gt;
  &lt;link rel="stylesheet" type="text/css" href="/ts3/tsstatus.css" /&gt;
  &lt;script type="text/javascript" src="/ts3/tsstatus.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;?php
  require_once("/var/www/ts3/tsstatus.php");
  $tsstatus = new TSStatus("ts3.greatarchitect.us", 10011);
  $tsstatus-&gt;useServerPort(9987);
  $tsstatus-&gt;imagePath = "/ts3/img/";
  $tsstatus-&gt;timeout = 2;
  $tsstatus-&gt;hideEmptyChannels = true;
  $tsstatus-&gt;hideParentChannels = true;
  $tsstatus-&gt;showNicknameBox = false;
  $tsstatus-&gt;showPasswordBox = false;
  echo $tsstatus-&gt;render();
  ?&gt;
  &lt;/body&gt;
  &lt;/html&gt; 
  </code></pre>
  
  <p>and that's pretty much all I have right now. I was hoping someone could help me properly install/setup this iframe-resizer.</p>
  
  <p>Thank you.</p>