Support forums - Support button inside a jquery panel

Support button inside a jquery panel

Last post 11-17-2010, 8:04 PM by Kenneth. 1 replies.


	Sort Posts: Previous Next

Reply Quote

Hi,

I'm trying to place the support button inside a jquery panel.

The idea is to have a "sticky" panel placed in the top right corner that is always there no matter where the user scrolls the page.

Could you please help me on this or suggest an alternative?

Thanks,

Jose

Reply Quote

Hi joses,

Please try the code below

<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id="divWatermark " style="position: absolute; top: 0px; right: 0px;">
<script src='<%=ResolveUrl("~/CuteSoft_Client/CuteChat/")%>Support-Image-Button.js.aspx'></script>
<script src='<%=ResolveUrl("~/CuteSoft_Client/CuteChat/")%>Support-Visitor-monitor.js.aspx'></script>
</div>
<p>
Try scrolling this window.
</p>
<p style="height: 2000px">
</p>
</div>
</form>
</body>
</html>
<script>
window.onscroll=function(){
　 var browser = navigator.userAgent.toLowerCase();
var divWatermark=document.getElementById( "divWatermark ");
var isChrome=(browser.indexOf("chrome")!=-1);
if(!isChrome)
{
divWatermark.style.top=document.documentElement.scrollTop+"px";
divWatermark.style.right=-document.documentElement.scrollLeft+"px";
}
else
{
divWatermark.style.top=document.body.scrollTop+"px";
divWatermark.style.right=-document.body.scrollLeft+"px";
}
}
</script>

Regards,

ken