主页 > 教程合集 > 工具推荐 >

网页表单内容直接提交到商务通对话框的实现方法

时间:2019-04-12 阅读:0

之前在《网页表单内容直接提交到商务通后台的实现方法》文章中,余斗就因为医院的商务通咨询需要实现一个在线输入预约信息的功能,患者只需要把姓名、电话、病情等信息输入后提交表单给后台即可,这里想把提交的表单直接在商务通对话框里显示出来,主要是显示在对话说明这里的实现方法。

网页表单内容直接提交到商务通对话框的实现方法

具体的显示效果如下图:

网页表单内容直接提交到商务通对话框的实现方法

这里可以实现把访客的预约信息直接显示在说明里。那么有没有方法可以实现把访客的预约信息直接显示在对话里,当作一条对话显示呢?余斗进行一番研究,发现这个也是可以实现的,代码小做修改即可,之前在网页表单内容直接提交到商务通后台的实现方法里,我们在访客说明处调用预约信息的代码为:


  openZoosUrl('chatwin','&e='+escape('姓名:'+name.value+'<br/>年龄:'+age.value+'<br/>电话:'+phone.value+'<br/>留言:'+msg.value));
 

要想在访客消息里直接显示,则可以将以上代码修改为:


  openZoosUrl('chatwin',''+escape('姓名:'+name.value+'<br/>年龄:'+age.value+'<br/>电话:'+phone.value+'<br/>留言:'+msg.value));
 

这样就可以在对话里直接显示预约信息,无论是访客还是客服都可以看的到,显示效果如下图:

网页表单内容直接提交到商务通对话框的实现方法

还有一种更完善的方法,对商务通做客服在线判断后再跳转咨询,给大家一个完整的demo做参考,需要根据个人的情况做调试:


<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>商务通</title>
<style>
*{ margin:0;padding:0;}
</style>
</head>

<body>
<textarea id="wtk"></textarea>
<input type="button" id="LR_button1" value="提交" onclick="LR_submit1(1);"/>
<script language="javascript">
function LR_submit1(chat) {
var insertText = LR_GetObj('wtk').value;
if(insertText||insertText!=""){
LR_explain='来自网页内嵌文本框的对话,客人输入的内容如下:'+insertText;
LR_msg=insertText;
openZoosUrl(chat?'chat':'sendnote');
}else{
alert("请先填写您的问题哦!");document.getElementById("wtk").focus();
}
}
</script>
<!--商务通官方链接-->
<!--<script language="javascript" src="http://testserver.zoosnet.net/JS/LsJS.aspx?siteid=lza69557093&lng=cn"></script>-->
</body>
</html>
 

另外,附一个快商通的完整demo代码:


<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>快商通</title>
<style>
*{ margin:0;padding:0;}
</style>
</head>

<body>
<div><textarea class="wtk" id="wtk" rows="5" maxlength="300" onkeyup="checkLength(this)" accesskey="1" tabindex="11" placeholder="您可选择上述症状直接咨询在线医生,或者在输入框中描述您的问题。专业为您解答,并严格保密。"></textarea></div>
<div class="kswz_btn"><a href="javascript:void(0)" onclick="swtCon()" id="sendCon">提交</a></div>
<script type="text/javascript">
//发送至后台问题标识
function swtCon(){
var insertText=document.getElementById("wtk").value;
if(insertText||insertText!=""){
KS.openChatWin({
sText:insertText,
cv:insertText
});
}
else alert("请先填写您的问题哦!");document.getElementById("wtk").focus();
}
</script>
<!--快商通官方链接-->
<script type="text/javascript" src="https://test.kuaishang.cn/bs/ks.j?cI=168168&fI=1136" charset="utf-8"></script>
</body>
</html>
 

本站所有资源均在余斗淘宝店铺有售,你可以扫描以下店铺二维码直接选购,自动极速发货。你也可以微信扫描二维码添加好友,直接微信索取更便捷!

余斗微信二维码

扫描微信加好友购买
比淘宝买便宜

余斗淘宝店铺二维码

淘宝扫描二维码购买
自动发货

余斗余斗
  • 版权声明:原创文章由发表在工具推荐分类下,2019-04-12最后更新,转载注明出处。

相关推荐

返回顶部