在商务通对话窗口中添加离线宝的方法

模板网 2015-02-14

将以下代码通过商务通后台添加到商务通对话窗口中即可实现将离线宝加入商务通对话窗口。

需要将 <input id="uid" value="6026803" type="hidden" name="uid"> 中的 6026803替换为自己的开通了离线宝的百度推广账户ID

复制代码 代码如下:

<p>
<form id="lxb-data-form">
<input id="uid" value="6026803" type="hidden" name="uid">
<input id="ttk" type="hidden" name="ttk">
<input style="border:#339933 1px solid;padding:0 5px;width:200px;height:30px;" id="vtel" placeholder="输入电话号码  可请求专家回电..." />
<input style="border:none;background:#339933;height:30px;color:#fff;cursor:pointer;" id="cbBtn" onclick="lxbcb.getTk('vtel','cbBtn',false);" value="免费回拨" type="button" />
</form>
</p>
 
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
 (function(){
    var tk = '';
     var view = {};
     view.host = 'http://lxbjs.baidu.com';
     function G(id) {
         return document.getElementById(id);
     }
     function get(url, callback) {
         jQuery.getJSON(url + "&callback=?",callback);
     }
     function validateTel(str) {
         var res = true;
         if (str.charAt(0) == '1') {
             res = /^1[3458]\d{9}$/.test(str);
         }
         else {
             res = /^0\d{9,11}$/.test(str);
         }
         return res;
     };
     function telCB() {
         if (view.btn.disabled) {
             return;
         }
         var vtel = view.vtel.value;
         if (!validateTel(vtel)) {
             alert('请您输入正确的号码,手机号码请直接输入,座机请加区号', true);
             return false;
         }
         var form = G('lxb-data-form');
         var url = view.host + '/cb/call';
         url += '?vtel=' + vtel;
         url += '&uid=' + (form.uid ? form.uid.value : '');
         url += '&tk=' + tk;
         url += '&t=' + (new Date()).getTime();
         view.btn.value = '正在回呼...';
         view.btn.disabled = true;
 
         get(url, function (dataObj) {
          alert(dataObj.msg);
             if(0 == dataObj.status){
                 view.btn.disabled = false;
                 view.btn.value = '免费电话';
             }
         });
         if (view.storeTel && window.localStorage) {
             localStorage.setItem('tel', value);
         }
     }
     
     function getTk (telId,btnId,storeTel) {    
    view.storeTel = storeTel;
      view.vtel = G(telId);
      if(!view.vtel){
      alert('在页面中找不到输入框' + telId);
      return;
      }
      view.btn = G(btnId);
      if(!view.btn){
      alert('在页面中找不到按钮' + btnId);
      return;
      }        
if('' == tk){
      var url = view.host + '/cb/user/check';
         url += '?f=4&uid=' + (G('lxb-data-form').uid ? G('lxb-data-form').uid.value : '');
         url += '&r=' + encodeURIComponent((document.referer ? document.referer : location.href));
         url += '&t=' + (new Date()).getTime();
         get(url, function (dataObj) {
             if(0 == dataObj.status){
              G('ttk').value=dataObj.data.tk;
tk = dataObj.data.tk;
telCB();
             }else{
view.btn.disabled = true;
             }
         });
}else{
telCB();
}         
         if (view.storeTel && window.localStorage) {
             var tel = localStorage.getItem('tel');
             if (tel) {
              view.vtel.value = tel;
             }
         }
     }
     if(!window.lxbcb){window['lxbcb']={};}
     window['lxbcb']['getTk'] = getTk;
window['lxbcb']['telCB'] = telCB;
 })();
 </script>

在商务通对话窗口中展现的效果如下:

&lt;title&gt;在商务通对话窗口中添加离线宝的方法&lt;/title&gt;
&lt;p&gt;
&lt;form id=&quot;lxb-data-form&quot;&gt;
	&lt;input id=&quot;uid&quot; value=&quot;6026803&quot; type=&quot;hidden&quot; name=&quot;uid&quot;&gt;
	&lt;input id=&quot;ttk&quot; type=&quot;hidden&quot; name=&quot;ttk&quot;&gt;
	&lt;input style=&quot;border:#339933 1px solid;padding:0 5px;width:200px;height:30px;&quot; id=&quot;vtel&quot; placeholder=&quot;输入电话号码  可请求专家回电...&quot; /&gt;
	&lt;input style=&quot;border:none;background:#339933;height:30px;color:#fff;cursor:pointer;&quot; id=&quot;cbBtn&quot; onclick=&quot;lxbcb.getTk(&#039;vtel&#039;,&#039;cbBtn&#039;,false);&quot; value=&quot;免费回拨&quot; type=&quot;button&quot; /&gt;
&lt;/form&gt;
&lt;/p&gt;

&lt;script src=&quot;http://libs.baidu.com/jquery/1.9.1/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
 (function(){
    var tk = &#039;&#039;;
     var view = {};
     view.host = &#039;http://lxbjs.baidu.com&#039;;
     function G(id) {
         return document.getElementById(id);
     }
     function get(url, callback) {
         jQuery.getJSON(url + &quot;&amp;callback=?&quot;,callback);
     }
     function validateTel(str) {
         var res = true;
         if (str.charAt(0) == &#039;1&#039;) {
             res = /^1[3458]\d{9}$/.test(str);
         }
         else {
             res = /^0\d{9,11}$/.test(str);
         }
         return res;
     };
     function telCB() {
         if (view.btn.disabled) {
             return;
         }
         var vtel = view.vtel.value;
         if (!validateTel(vtel)) {
             alert(&#039;请您输入正确的号码,手机号码请直接输入,座机请加区号&#039;, true);
             return false;
         }
         var form = G(&#039;lxb-data-form&#039;);
         var url = view.host + &#039;/cb/call&#039;;
         url += &#039;?vtel=&#039; + vtel;
         url += &#039;&amp;uid=&#039; + (form.uid ? form.uid.value : &#039;&#039;);
         url += &#039;&amp;tk=&#039; + tk;
         url += &#039;&amp;t=&#039; + (new Date()).getTime();
         view.btn.value = &#039;正在回呼...&#039;;
         view.btn.disabled = true;

         get(url, function (dataObj) {
         	alert(dataObj.msg);
             if(0 == dataObj.status){
                 view.btn.disabled = false;
                 view.btn.value = &#039;免费电话&#039;;
             }
         });
         if (view.storeTel &amp;&amp; window.localStorage) {
             localStorage.setItem(&#039;tel&#039;, value);
         }
     }
     
     function getTk (telId,btnId,storeTel) {    	 
    	view.storeTel = storeTel;
     	view.vtel = G(telId);
     	if(!view.vtel){
     		alert(&#039;在页面中找不到输入框&#039; + telId);
     		return;
     	}
     	view.btn = G(btnId);
     	if(!view.btn){
     		alert(&#039;在页面中找不到按钮&#039; + btnId);
     		return;
     	}        
		if(&#039;&#039; == tk){
     	var url = view.host + &#039;/cb/user/check&#039;;
         url += &#039;?f=4&amp;uid=&#039; + (G(&#039;lxb-data-form&#039;).uid ? G(&#039;lxb-data-form&#039;).uid.value : &#039;&#039;);
         url += &#039;&amp;r=&#039; + encodeURIComponent((document.referer ? document.referer : location.href));
         url += &#039;&amp;t=&#039; + (new Date()).getTime();
         get(url, function (dataObj) {
             if(0 == dataObj.status){
             	G(&#039;ttk&#039;).value=dataObj.data.tk;
				tk = dataObj.data.tk;
				telCB();
             }else{
				 view.btn.disabled = true;
             }
         });
		 }else{
		 telCB();
		 }         
         if (view.storeTel &amp;&amp; window.localStorage) {
             var tel = localStorage.getItem(&#039;tel&#039;);
             if (tel) {
             	view.vtel.value = tel;
             }
         }
     }
     if(!window.lxbcb){window[&#039;lxbcb&#039;]={};}
     window[&#039;lxbcb&#039;][&#039;getTk&#039;] = getTk;
	 window[&#039;lxbcb&#039;][&#039;telCB&#039;] = telCB;
 })();
 &lt;/script&gt;

相关文章

  1. 自定义商务通二次弹出原理

    自定义商务通二次弹出原理,商务通窗口被关闭后,指定时间后再次弹出。演示代码仅使用纯色作为弹出窗背景,实际运用中可替换为图片。 核心代码: 复制代码 代码如下: script function hideSwt(){ document.getElementById(swtBox).style.display=none;//隐藏

  2. 在商务通对话窗口中添加离线宝的方法

    将以下代码通过商务通后台添加到商务通对话窗口中即可实现将离线宝加入商务通对话窗口。 需要将 input id=uid value= 6026803 type=hidden name=uid 中的 6026803 替换为自己的开通了离线宝的百度推广账户ID 复制代码 代码如下: p form id=lxb-data-form inp

  3. 商务通轨迹代码未加载出来前执行的打开商通对话的函数

    医疗网站上的商务通代码在一些情况下可能出现无法加载的情况(常见的有网络速度慢,商务通服务器速度慢,商务通服务器受到攻击等),导致商务通代码无法执行,访客无法进入商务通进行咨询,这样错失了很多的对话机会,给我们造成很大的损失。 下面医疗模板库为

  4. 手机站底部邀请电话咨询,商务通咨询

    手机站底部邀请电话咨询,商务通咨询,深绿色背景,包含拨打免费电话,在线咨询。 效果图:

  5. 离线宝高级定制API使用示例

    离线宝高级定制操作说明 自定义API使用示例下载 一.搬 1.1 搬图 将解压后的images文件夹,放在您网站要显示浮窗页面的同级目录下。 1.2 搬代码 1.2.1 浮窗样式。打开解压后的index.html文件,将浮窗样式开始-浮窗样式结束之间的代码添加至您网站要显示浮窗的

随机推荐

  1. 自定义商务通二次弹出原理

    自定义商务通二次弹出原理,商务通窗口被关闭后,指定时间后再次弹出。演示代码仅使用纯色作为弹出窗背景,实际运用中可替换为图片。 核心代码: 复制代码 代码如下: script function hideSwt(){ document.getElementById(swtBox).style.display=none;//隐藏

  2. 在商务通对话窗口中添加离线宝的方法

    将以下代码通过商务通后台添加到商务通对话窗口中即可实现将离线宝加入商务通对话窗口。 需要将 input id=uid value= 6026803 type=hidden name=uid 中的 6026803 替换为自己的开通了离线宝的百度推广账户ID 复制代码 代码如下: p form id=lxb-data-form inp

  3. 商务通轨迹代码未加载出来前执行的打开商通对话的函数

    医疗网站上的商务通代码在一些情况下可能出现无法加载的情况(常见的有网络速度慢,商务通服务器速度慢,商务通服务器受到攻击等),导致商务通代码无法执行,访客无法进入商务通进行咨询,这样错失了很多的对话机会,给我们造成很大的损失。 下面医疗模板库为

  4. 手机站底部邀请电话咨询,商务通咨询

    手机站底部邀请电话咨询,商务通咨询,深绿色背景,包含拨打免费电话,在线咨询。 效果图:

  5. 离线宝高级定制API使用示例

    离线宝高级定制操作说明 自定义API使用示例下载 一.搬 1.1 搬图 将解压后的images文件夹,放在您网站要显示浮窗页面的同级目录下。 1.2 搬代码 1.2.1 浮窗样式。打开解压后的index.html文件,将浮窗样式开始-浮窗样式结束之间的代码添加至您网站要显示浮窗的