I LOVE this mod!! I need help with a couple issues.
- First, my image simply refuses to center vertically & horizontally inside the box. (code below)
- Second, HCL allows operators to initiate a chat with visitors. I've tested my HCL extensively and it works fine outside of ZC. But within ZC, the pop up box notifying visitors that an operator is requesting a chat doesn't appear on the page.
I know this functionality is working on the HCL side of things, because HCL shows the visitor as "chatting". (This is the status given whether a visitor is actually chatting, or has merely been invited to chat. It's a basic "this person's line is busy" response, to prevent other operators from approaching a visitor once any other operator has already done so).
Addendum: Re: The second issue involving the chat request not reaching the visitor: Firebug gives me this error: uncaught exception: Permission denied to get property Window.CoBrowse Line 0
Can anyone help with this? Here's my site to view the centering issue:
www.empowermentsanctuary.com/marketplace/
Here is the code controlling both appearance & functionality:
<?php
$content = '';
$content .= '<div id="' . str_replace('_', '-', $box_id . 'Content') . '" class="sideBoxContent centeredContent">';
$content .= "\n";
$content = '<!-- BEGIN Help Center Live Code, Copyright (c) 2005 Help Center Live. All Rights Reserved -->
<div id="div_initiate" style="position:absolute; z-index:1; top: 40%; left:40%; visibility: hidden;"><a href="javascript:Live.initiate_accept();"><img src="http://www.empowermentsanctuary.com/hcl/templates/Bliss/images/initiate.gif" border="0"></a><br><a href="javascript:Live.initiate_decline();"><img src="http://www.empowermentsanctuary.com/hcl/templates/Bliss/images/initiate_close.gif" border="0"></a></div>
<script type="text/javascript" language="javascript" src="http://www.empowermentsanctuary.com/hcl/class/js/include.php?live&cobrowse"></script>
<!-- END Help Center Live Code, Copyright (c) 2005 Help Center Live. All Rights Reserved --><br>';
$content .= '<div style="clear: left;"> </div>' . "\n";
$content .= "\n";
$content .= '</div>';
?>
The code in red controls the Operator Initiate Chat function, whereas the code in blue controls which image shows on the page (either customer service is online, or customer service is offline).
I've tried changing the
style code, but all that does is either make boxes that should be invisible until a chat request is sent, visible all the time, or make the box itself about 2.5 times the size of the image.
Any help is greatly appreciated. Thanks in advance
Bookmarks