Forums

Question on floating area

Permalink
Hey all, I'm using Livezilla to provide live help on my site. I'd like to know how I can add the required code on the page to a box that will scroll up and down along with the page itself when someone scrolls the page so the graphic for livezilla will always remain visible. Is there a way to do this in c5? Thanks!

Kevin
 
jordanlev replied on at Permalink Reply
jordanlev
You need to modify its CSS to do that (you want to give it position:fixed). Might be kind of difficult if you're not already familiar with HTML/CSS. Can you paste the snippet of code for that here in the forum? (If there is any identifying info in the code snippet such as account numbers or access keys, just replace that with random numbers or gobbledygook).
kevinbednar replied on at Permalink Reply
Jordan,
This is the exact code snippet that Livezilla generates to place on a page:
<!-- http://www.LiveZilla.net Chat Button Link Code --><a href="javascript:void(window.open('http://www.XXXX.net/livezilla/chat.php','','width=590,height=610,left=0,top=0,resizable=yes,menubar=no,location=no,status=yes,scrollbars=yes'))"><img src="http://www.XXXX.net/livezilla/image.php?id=04" width="175" height="69" border="0" alt="LiveZilla Live Help"></a><noscript><div><a href="http://www.XXXX.net/livezilla/chat.php" target="_blank">Start Live Help Chat</a></div></noscript><!--http://www.LiveZilla.net Chat Button Link Code --><!--http://www.LiveZilla.net Tracking Code --><div id="livezilla_tracking" style="display:none"></div><script type="text/javascript">
<!-- PLACE IN BODY TAG -->
var script = document.createElement("script");script.type="text/javascript";var src = "http://www.XXXX.net/livezilla/server.php?request=track&output=jcrpt&nse="+Math.random();setTimeout("script.src=src;document.getElementById('livezilla_tracking').appendChild(script)",1);</script><noscript><img src="http://www.XXXX.net/livezilla/server.php?request=track&amp;output=nojcrpt" width="0" height="0" style="visibility:hidden;" alt=""></noscript><!-- http://www.LiveZilla.net Tracking Code -->

Thanks!

Kevin
jordanlev replied on at Permalink Reply
jordanlev
Hmm... unfortunately the way they have their code set up doesn't show any of the html structure so I don't know how you'd style that. I suggest going to whatever support forums they have and asking the question there. Just ask them how you do it in HTML and CSS -- don't mention Concrete5 because they won't have any idea. After you find out the answer to that, you can come back here and post the answer you got from there, and myself or someone else can surely tell you how to implement that into C5.

Good luck.

-Jordan
kevinbednar replied on at Permalink Reply
Thanks Jordan, I'll see what I can find out.

Kevin
kevinbednar replied on at Permalink Reply
Jordan,
The problem has been solved. In the latest version of Livezilla from last week they actually support floating chat bars from within LZ itself as an option. When the code is pasted into the page it appears on screen and floats as you scroll. As my hand Staples big red button says, "That was easy!" :) Thanks for your help.

Kevin