Mumble Viewer failing

[AscendancyGaming]

I'm trying to create a side panel addon to view who is online on our Mumble server. I have the code from our host to create the viewer but when this displayed on XenForo the channels and who is online portion does not ever show. I've eliminated the possibility that it's our host blocking the necessary ports as if I just load the code into an html file, it works with no problem.

Here's the working html link. Here's the exact same code pasted into the HTML portion of a page node.

Does anyone know what might be happening within XenForo that prevents the code from displaying as expected? Also, anyone know a workaround?

FWIW, I have just tested by creating an iframe and that does seem to let the viewer render. As the size of the "online viewer" is dynamic, iframes isn't really the best solution though so I'm still curious if there is something not supported in the HTML portion of pages.

 

[Paul B]

Can you post the actual code here?

 

[AscendancyGaming]

Sure - sorry about the formatting, that's how it came from Commsviewer.com

<div id="vcv-b"><div id="vcv-l"><div class="hd"><img alt="Multiplay" src="http://commsviewer.com/imgs/multiplay.png" />&nbsp;<a href="http://commsviewer.com" target="_blank">Multiplay Voice Comms Viewer</a></div><div id="vcv-i">Loading... <img src="http://commsviewer.com/imgs/progress.gif" alt="Progress" /></div><div class="ft"><b>Need Voice Comms?</b>&nbsp;<a href="http://www.multiplaygameservers.com/voice-comms/" target="_blank">Multiplay's Voice Comms Servers!</a></div></div></div><script type="text/javascript"> var _vcv={cfg:'cvserverid=1643'}; (function() {var mp=document.createElement('style'); mp.type='text/css'; var s='#vcv-l{ border:1px solid #99BBE8; font-family:serif; font-family:tahoma,arial,verdana,sans-serif; -moz-box-shadow:2px 2px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow:2px 2px 5px rgba(0, 0, 0, 0.5); box-shadow:2px 2px 5px rgba(0, 0, 0, 0.5); width:300px; text-align:center; font-size:13px; color:#000;} #vcv-i{ background-color:#fff; padding:5px;} #vcv-l a, #vcv-l a:hover, #vcv-l a:visited { text-decoration:none; color:#15428B; font-weight:bold;} #vcv-l a:hover { text-decoration:underline; color:#15428B;} #vcv-l .hd,#vcv-l .ft{ background-color:#D2DFF0; padding:3px 5px;} #vcv-l .hd{ border-bottom:1px solid #99BBE8; text-align:left;} #vcv-l .ft{ border-top:1px solid #99BBE8; font-size:10px;} #vcv-l img{ border:0; vertical-align:sub;}'; if ( mp.styleSheet ) {mp.styleSheet.cssText=s;} else {mp.innerHTML=s;} var s=document.getElementsByTagName('head')[0]; s.appendChild(mp); mp=document.createElement('script'); mp.type='text/javascript'; mp.async=true; mp.src=('https:' == document.location.protocol ? 'https://' :'http://') + 'commsviewer.com/js/loader-min.js'; s=document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(mp, s);})(); </script><noscript id="vcv-ns">You need Javascript enabled to use <a href="http://commsviewer.com" target="_blank">Voice Comms Viewer</a></noscript>

 

[Paul B]

I'm seeing these errors in Firebug.

 

[AscendancyGaming]

I'm assuming those are issues where the <script> code is throwing errors in XenForo? I'm not sure if it's a bug or not, and thus why I wanted to post it here. I've been able to work around this by just throwing an <iframe> in there and then adding it to my template code (end state wasn't a page, but rather a sidebar addon)