点击自定义按钮弹出百度商桥对话框和易聊的对话框

百度商桥的对话框：

<button class="btn btn-large bg-main align-center" onclick="$('#nb_invite_ok').click()"><i class="i-commenting-o size-big"></i>&nbsp;&nbsp;立即咨询</button>

html：

<a class="cli_a" href="javascript:void(0);">我要咨询</a>

js:

$(function(){//点击按钮时判断 百度商桥代码中的“我要咨询”按钮的元素是否存在，存在的话就执行一次点击事件$(".cli_a").click(function(event) {if ($('#nb_invite_ok').length > 0) {$('#nb_invite_ok').click();}});
});

在当前页面，打开客服独立沟通链接

方法一（只能调用一次）：

html:

<input type=”button” value=”点我咨询” id="open" />

js:

<script>
var btn = document.getElementById("open");
btn.onclick = function () {
window.open('此处请替换独立沟通URL地址','windowForBridgeIM','left=100,top=200,width=480,height=580,location=no,resizable=yes,status=no,toolbar=no,menubar=no');}
</script>

方法二（可以调用多次）：

html：

<a href="#"  onclick="open()">点我咨询</a>

或者：

<a href="javascript:open()">点我咨询</a>

js:

<script language="JavaScript">function open() {window.open ("此处请替换独立沟通URL地址", "newwindow", "height=600, width=800, toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no") }</script>

参数解释如下：

<SCRIPT LANGUAGE="javascript"> js脚本开始；window.open 弹出新窗口的命令；'page.html' 弹出窗口的文件名；'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替；height=100 窗口高度；width=400 窗口宽度；top=0 窗口距离屏幕上方的象素值；left=0 窗口距离屏幕左侧的象素值；toolbar=no 是否显示工具栏，yes为显示；menubar，scrollbars 表示菜单栏和滚动栏。resizable=no 是否允许改变窗口大小，yes为允许；location=no 是否显示地址栏，yes为允许；status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；</SCRIPT>

易聊的对话框

html：

<a href="javascript:void(0)"  onclick="openJesongChatByGroup(13059,24845);return false;"></a>

或者

<a href="javascript:jesong.monitor.accept()"></a>

参考：https://blog.csdn.net/mingxuan13141314/article/details/94602242

点击自定义按钮弹出百度商桥对话框和易聊的对话框相关推荐

鼠标单击按钮后就能弹出百度商桥聊天窗口
首先需要把你的bai按钮添加一个class,例如加一du个 "shangqiao"zhi 1 <a class="shangqiao" href=&qu ...
bootstrap-table：操作栏点击编辑按钮弹出模态框修改数据
核心代码: columns: [{checkbox:true //第一列显示复选框 },...{field: 'fail_num',title: '失败数'},{field: 'operate',ti ...
java弹框形式输入_java中点击一个按钮弹出两个输入文本框的源代码
展开全部写了一个很简单的案例,可以参考和修改import java.awt.BorderLayout; import java.awt.GridLayout; import java.awt.eve ...
前端学习（1929）vue之电商管理系统电商系统之美化一层循环的UI结构for循环ui美化点击删除按钮弹出对话框
目录结构 router.js import Vue from 'vue' import Router from 'vue-router' import Login from './components ...
uniapp点击删除按钮弹出（确定和取消提示）
例如点击改删除按钮 <view class="delete-icon" @click="detele"><image src=". ...
android弹出确认对话点击取消,Android点击返回按钮弹出确认消息对话框
将以下方法加入到自己想要实现该功能的Activity下即可 @Override public boolean onKeyDown(int keyCode, KeyEvent event) { if ( ...
点击一个按钮,弹出6个按钮
一,效果图. 二,工程图. 三,代码. RootViewController.h #import <UIKit/UIKit.h> //加入头文件 #import "DCPathB ...
html中如何写一个提示框,html弹出公告 html中点击列表文字弹出提示框？
怎么在网页制作中给主页设置弹出公告,要CSS布局HTML小编今天和大家分享在主页打... 无标题文档 45565 把style属性加给你的弹窗标签就可以了,宽高位置均可变. 哪位前辈高手有html的窗 ...
php加入百度商桥代码,在WP网站上使用百度商桥
百度商桥是一种网页即时沟通工具最近有不少朋友通过WEB主题公园的百度商桥和我们联系,也对于百度商桥这种即时网页沟通比较感兴趣. 因此这里我们也对这种比较好用的网页即时沟通工具进行一个介绍,大家也可以 ...

点击自定义按钮弹出百度商桥对话框和易聊的对话框

百度商桥的对话框：

易聊的对话框

点击自定义按钮弹出百度商桥对话框和易聊的对话框相关推荐

最新文章

热门文章