AVConference

Video conference software for your web site.

Find out more details Launch demo


Also available as:
Joomla! 1.5 Component

AVConference moderator logged in

Making the AVConference Joomla! Component open up in a pop up window.


Prerequisites:

  • working AVConference Joomla! Component installation
  • FTP acess to the web server where the joomla website is hosted

By default the flash chat interfaces in the Joomla! Components show up inside the main website with all the usual elements of the website (menus, banners, etc...).

Heres what you need to do to make them show up in pop up windows:

  1. Log into the web server that hosts the Joomla website using FTP
  2. go to /components/com_avconference/ and open up avconference.php in a text editor.
  3. remove everything but the php tags and what is included in them: <?php remove everythig between these tags and the tags themselves ?>
  4. add the code below:

    <script type="text/javascript">
    function popitup(url,hh,ww) {
    newwindow=window.open(url, 'name', 'height='+hh+', width='+ww+', resizable=yes, scrollbars=yes');
    if (window.focus) {newwindow.focus()}
    return false;
    }
    </script>
    <a onclick="return popitup('http://site.com/components/com_avconference/index.swf',580,970)" target="_blank"> Launch AVConference in a pop up window </a>

  5. Replace http://site.com/components/com_avconference/index.swf with the correct path to the AVConference user interface file. e.g. http://site.com/components/com_avconference/index.swf .

580 is the width and 970 is the height of the pop up window that will open. You can also change those values to your liking.

Because the new browser window will opens the swf file directly and not a HTML file that embeds the .swf file, in order to change the background color of the flash user interface you need to open up /components/com_avconference/avc_settings.php with a text editor and configure it to load a a background image colored in the color you are looking for. The variables you need to change are: backgroundImageUrl and if needed backgroundImageScale and backgroundImageAlpha.