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

模板网 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. 很炫的商务通效果

    很炫的商务通效果 在线演示: 很炫的商务通效果 下载: 很炫的商务通效果 效果截图:

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

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

  4. 表单提交到商务通后台 中文说明加换行的实现方法

    实现将表单中的数据提交到商务通后台的效果,中文说明并且实现换行显示。 代码简单容易理解,这里就不多解释了。 要点:1、使用escape函数对中文进行编码;2、使用br标签进行换行。 效果如下图: 前台界面 提交到商务通后台的结果 提交到商务通后台的结果

  5. 网站商务通高级定制教程(1)

    网站商务通高级定制教程(1),今天为大家介绍一下商务通的高级定制方面的知识,利用到了之前和大家说过的 商务通核心函数库解密格式化后的代码 中的一个函数。 实现功能: 邀请框二次弹出、自定义快速邀请框内容、邀请后浏览器标题显示新信息闪烁和一个使最小

随机推荐

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

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

  2. 很炫的商务通效果

    很炫的商务通效果 在线演示: 很炫的商务通效果 下载: 很炫的商务通效果 效果截图:

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

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

  4. 表单提交到商务通后台 中文说明加换行的实现方法

    实现将表单中的数据提交到商务通后台的效果,中文说明并且实现换行显示。 代码简单容易理解,这里就不多解释了。 要点:1、使用escape函数对中文进行编码;2、使用br标签进行换行。 效果如下图: 前台界面 提交到商务通后台的结果 提交到商务通后台的结果

  5. 网站商务通高级定制教程(1)

    网站商务通高级定制教程(1),今天为大家介绍一下商务通的高级定制方面的知识,利用到了之前和大家说过的 商务通核心函数库解密格式化后的代码 中的一个函数。 实现功能: 邀请框二次弹出、自定义快速邀请框内容、邀请后浏览器标题显示新信息闪烁和一个使最小