wpf 客户端 添加qq客服咨询
- 使用qq推广
站点：http://shang.qq.com/v3/widget.html
复制里面的html代码：
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=287728153&site=qq&menu=yes"><img border="" src="http://wpa.qq.com/pa?p=2:287728153:52" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>
- 使用webbrower控件
因为需要加载html代码，所有使用可以加载html的控件，目前我知道的是webbrower和Frame。如果有其他可以推荐。
Xmal文件：
<WebBrowser x:Name="wbQQ" Width="" Height="" Canvas.Left="-13" Canvas.Top="-15" />
后台代码：
this.wbQQ.NavigateToString(_content);//这里面的字符串是html代码，frame不能直接加载字符串html呈现界面。
string _content = @"
<html>
<head>
<title>qq</title>
</head>
<body scroll=""no"">
<a target=blank style=""position:absolute;width:auto;left:0; margin-left:0px;right:auto;margin-right:auto;height:auto;top:0;margin-top:0px;bottom:auto;margin-bottom:auto;""
href=""http://wpa.qq.com/msgrd?v=3&uin=287728153&site=qq&menu=yes"">
<img border=""0"" alt=""QQ"" src=""http://wpa.qq.com/pa?p=2:287728153:52"" />
</a>
</body>
</html>";
- 1.webBrowser 隐藏滚动条
第一种方案：对WebBroswer控件处理。
首先需要添加系统COM引用 Microsoft HTML Object Library.dll
其次页面中需添加using mshtml;
在WebBroswer的LoadCompleted事件中添加如下代码
mshtml.HTMLDocument dom = (mshtml.HTMLDocument)_wb(使用的WebBroswer对象名称).Document; //定义HTML
dom.documentElement.style.overflow = "hidden"; //隐藏浏览器的滚动条
dom.body.setAttribute("scroll", "no"); //禁用浏览器的滚动条
第二种方案：在页面中处理如下:
需在html样式中添加<body scroll="no">
- 2.实现html内容对齐
HTML
<h1>绝对元素的对齐与偏移</h1>
<div>
<p id="lt" >左上角对齐&偏移</p>
<p id="lb" >左下角对齐&偏移</p>
<p id="cm" >中心对齐</p>
<p id="rt" >右上角对齐&偏移</p>
<p id="rb" >右下角对齐&偏移</p>
</div>
CSS
div { position:relative; }
#lt { position:absolute;
width:auto; left:0; margin-left:8px;
right:auto; margin-right:auto;
height:auto; top:0; margin-top:8px;
bottom:auto; margin-bottom:auto; }
#lb { position:absolute;
width:240px; left:0; margin-left:8px;
right:auto; margin-right:auto;
height:18px; top:auto; margin-top:auto;
bottom:0; margin-bottom:8px; }
#cm { position:absolute;
width:200px; left:0; margin-left:auto;
right:0; margin-right:auto;
height:18px; top:0; margin-top:auto;
bottom:0; margin-bottom:auto;}
#rt { position:absolute;
width:220px; left:auto; margin-left:auto;
right:0; margin-right:8px;
height:18px; top:0;margin-top:8px;
bottom:auto; margin-bottom:auto; }
#rb { position:absolute;
width:auto; left:auto; margin-left:auto;
right:0; margin-right:8px;
height:auto; top:auto; margin-top:auto;
bottom:0;margin-bottom:8px; }
/* 隐去了不必要的规则 */
问题
想把绝对定位元素排列到它的定位最近的祖先元素的上、下、左、右4边上。还想将它从排列位置上进行偏移。还想为它设置尺寸或进行包裹。
解决方案
把样式赋给已选择的类和ID上：
n 用width:+VALUE和height:+VALUE为元素设定尺寸；
n 用width:auto和height:auto对元素进行包裹。
从左侧进行偏移：
n 用left:0和right:auto将元素左对齐；
n 用margin-left:+VALUE将元素从左侧向右偏移；
n 用margin-left:-VALUE将元素从左侧向左偏移。
从右侧进行偏移：
n 用right:0和left:auto将元素右对齐；
n 用margin-right:+VALUE将元素从右侧向左偏移；
n 用margin-right:-VALUE将元素从右侧向右偏移。
从顶端进行偏移：
n 用top:0和bottom:auto将元素顶端对齐；
n 用margin-top:+VALUE将元素从顶端向下偏移；
n 用margin-top:-VALUE将元素从顶端向上偏移。
从底端进行偏移：
n 用bottom:0和top:auto将元素底端对齐；
n 用margin-bottom:+VALUE将元素从底端向上偏移；
n 用margin-bottom:-VALUE将元素从底端向下偏移。
模式
绝对元素的左偏移
SELECTOR { position:absolute; left:0;right:auto;
margin-left:±VALUE;margin-right:auto; }
绝对元素的右偏移
SELECTOR { position:absolute; left:auto; right:0;
margin-left:auto; margin-right:±VALUE;}
绝对元素的顶端偏移
SELECTOR { position:absolute; top:0;bottom:auto;
margin-top:±VALUE;margin-bottom:auto; }
绝对元素的底端偏移
SELECTOR { position:absolute; top:auto; bottom:0;
margin-top:auto; margin-bottom:±VALUE; }
适用范围
此设计模式可应用于所有元素。
- 3.打开链接弹出设置
html里面a标签去掉属性target=blank ，这样就会直接调用qq组件。
- 第二种添加qq客户端方式
1.
<head>
<script type="text/javascript" src="http://wpa.b.qq.com/cgi/wpa.php"></script>
</head>
2.body里面
<script type="text/javascript">
BizQQWPA.addCustom({aty: '0', a: '0', nameAccount: 4000102233, selector: 'BizQQWPA'});
</script>
3.
<div id="BizQQWPA">
<a href="javascript:void(0)"><img border="0" SRC="http://wpa.qq.com/pa?p=1:287728153:4" alt=" 客 服 二" />
客 服二</a>
</div>
问题：加载页面的时候自动加载js脚本。但是点击客服的时候，弹出的不是窗口而是一个div。
渲染：
在html头 加标签 强制使用最新的ie渲染 <meta http-equiv="X-UA-Compatible" content="IE=edge">
强制使用最新的ie8渲染<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/> 参考：http://www.cnblogs.com/sung/p/3391264.html
wpf 客户端 添加qq客服咨询的更多相关文章
- 【情人节来一发】网站添加QQ客服功能
今年的元宵节遇到情人节,挺不自量力的,呵呵,开篇给各位讲个段子,早上一美女同学在空间发说说道:“开工大吉 起床啦,卖元宵,卖玫瑰,卖避孕套啦-有木有一起去发财的小伙伴?Let’s go…”,对于此种长 ...
- 页面中添加qq客服
html页面 <html> <head> <meta http-equiv="Content-Type" content="text/htm ...
- 企业QQ客服的添加
商城项目需要用腾讯的企业QQ客服,但默认提供的是一个链接,点击后弹出一个新页面, 请确认 确认打开QQ与营销QQ4009928310对话? 点确认才弹出聊天窗口,并不是需求想要的效果,经过一番折腾联系 ...
- 微信轻松接入QQ客服
一直以来,大家都苦恼怎么实现微信公众帐号可以接入客服,也因此很多第三方接口平台也开发客服系统CRM系统,不过不是操作复杂就是成本太高.今天分享一个低成本又简便的方法,让你的公众帐号接入QQ客服.下面介 ...
- jQuery网页右侧固定层显示隐藏在线qq客服代码
CSS代码: @charset "utf-8"; ;;} html,body{font-size:12px;font-family:"微软雅黑";outline ...
- web页面接入QQ客服的方法
在做微信二次开发的时候或者手机版网页的时候有人想在接qq客服,下面我就分享一下具体操作: 1,准备一个QQ号,可以是企业QQ,也可以是个人QQ.登录网址:http://shang.qq.com/wid ...
- js生成qq客服在线代码
说到QQ客服在线代码,随便那么百度谷歌一下就会出来,一般都是 <a target="blank" href="http://wpa.qq.com/msgrd?V=1 ...
- 普通免费QQ客服在PC、手机端解决方案
注意:以下测试 浏览器在Chrome,手机在iphone6 营销QQ.企业QQ(http://b.qq.com/)跟普通免费QQ(http://shang.qq.com/v3/widget.html) ...
- pc、移动端H5网站 QQ在线客服、群链接代码【我和qq客服的那些事儿】
转载:http://blog.csdn.net/fungleo/article/details/51835368#comments 移动端H5 QQ在线客服链接代码 <a href=" ...
随机推荐
- curl操作CouchDB
couchdb 服务器地址: 127.0.0.1 端口:5984 添加数据库 连接到couchdb curl -X GET http://127.0.0.1:5984 {"couchdb&q ...
- //build->//learn->//publish
在今年的Build大会上,微软发布了Windows Phone 8.1,以及universal Windows apps开发策略.在接下来的两个月中,会有两个全球性的活动举办,分别是//learn和/ ...
- MS Sql Server 数据库或表修复(Log日志文件损坏的修复方法)
----------------- [1] use master go sp_configure reconfigure with override go ----------------- [2] ...
- python安装numpy和pandas
最近要对一系列数据做同比比较,需要用到numpy和pandas来计算,不过使用python安装numpy和pandas因为linux环境没有外网遇到了很多问题就记下来了.首要条件,python版本必须 ...
- redis 基础
一 redis数据类型redis支持5种类型的数据类型,它描述如下的:1. 字符串 Redis字符串是字节序列.Redis字符串是二进制安全的,这意味着他们有一个已知的长度没有任何特殊字符终止,所以你 ...
- [百度经验]window下连接mysql 错误代码 1045
连接mysql时出现错误代码 1045 Access denied for user 'root'@'localhost' (using password:YES) 百度经验:jingyan.baid ...
- POJ 2225 / ZOJ 1438 / UVA 1438 Asteroids --三维凸包，求多面体重心
题意: 两个凸多面体,可以任意摆放,最多贴着,问他们重心的最短距离. 解法: 由于给出的是凸多面体,先构出两个三维凸包,再求其重心,求重心仿照求三角形重心的方式,然后再求两个多面体的重心到每个多面体的 ...
- 第9章 Java类的三大特性之一：继承
1.什么是继承 子类继承父类就是对父类的扩展,继承时会自动拥有父类所拥有的处private之外的所有成员作用:增加代码复用语法格式: class 子类名 extends 父类名{…………}第9章 Ja ...
- 原生js实现jquery库中选择器的功能（jquery库封装一）
今天是2017.1.1,新的一天,新的一年,新的一年里继续夯实基础知识,在工作中多些项目,多思考,多总结,前端是不断更新,在更新的过程中也是发现乐趣和挑战自我的过程,希望年轻的我和年轻的javascr ...
- jmeter（六）元件的作用域与执行顺序
jmeter是一个开源的性能测试工具,它可以通过鼠标拖拽来随意改变元件之间的顺序以及元件的父子关系,那么随着它们的顺序和所在的域不同,它们在执行的时候,也会有很多不同. jmeter的test pla ...