Home Explore Help
Register Sign In
jiapeng
/
portal-front
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 158 Releases 0 Wiki
Browse Source

微信分享

xuchunyang 8 years ago
parent
fc12d5b332
commit
e277bd90db
3 changed files with 336 additions and 19 deletions
Split View Show Diff Stats
  1. 147 11
      ekexiu/shareArticalinfor.html
  2. 99 6
      ekexiu/shareProinfor.html
  3. 90 2
      ekexiu/shareResinfor.html

+ 147 - 11
ekexiu/shareArticalinfor.html
View File 

@ -10,20 +10,56 @@
10 10 
		<link rel="stylesheet" href="../css/index.css" />
11 11 
		<link rel="stylesheet" href="../css/share.css" />
12 12 
		<style>
13 
			html,body {background: #ffffff;}
14 
			.proinfor .headblock {margin: 0 2% 4px 0;}
15 
			.proinfor .headblock .headimg {max-width:64px;width: 64px;overflow: hidden;margin: auto;}
16 
			.proinfor .media-body{width: 76%;}
17 
			.listtit {font-size: 15px;line-height: 26px;color: #333333;}
18 
			.listtit2 {font-size: 13px;line-height: 20px;color: #666666;}
19 
			.listtit3 {font-size: 12px;line-height: 18px;color: #888888;}
13 
			html,
14 
			body {
15 
				background: #ffffff;
16 
			}
17
18 
			.proinfor .headblock {
19 
				margin: 0 2% 4px 0;
20 
			}
21
22 
			.proinfor .headblock .headimg {
23 
				max-width: 64px;
24 
				width: 64px;
25 
				overflow: hidden;
26 
				margin: auto;
27 
			}
28
29 
			.proinfor .media-body {
30 
				width: 76%;
31 
			}
32
33 
			.listtit {
34 
				font-size: 15px;
35 
				line-height: 26px;
36 
				color: #333333;
37 
			}
38
39 
			.listtit2 {
40 
				font-size: 13px;
41 
				line-height: 20px;
42 
				color: #666666;
43 
			}
44
45 
			.listtit3 {
46 
				font-size: 12px;
47 
				line-height: 18px;
48 
				color: #888888;
49 
			}
50
20 51 
			@media only screen and (min-width: 100px) and (max-width: 350px) {
21 
				.proinfor .media-body{width:70%;}
52 
				.proinfor .media-body {
53 
					width: 70%;
54 
				}
22 55 
			}
23 56 
		</style>
24 57 
	</head>
25 58
26 59 
	<body>
60 
		<div style="display:none">
61 
			<img id="hiddenImg" src="http://www.ekexiu.com/images/logo180.png" width="100%" />
62 
		</div>
27 63 
		<div class="contentBody2">
28 64 
			<div class="art_topicBox">
29 65 
				<div class="art_img" id="articleImg"></div>
 
@ -67,9 +103,11 @@
67 103 
				</div>
68 104 
			</div>
69 105 
		</div>
106 
		<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
70 107 
		<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
71 108 
		<script>
72 109 
			$(document).ready(function() {
110
73 111 
				var articleId = GetQueryString("articleId");
74 112
75 113 
				function GetQueryString(name) {
 
@ -88,11 +126,13 @@
88 126 
						url: "/ajax/article/query",
89 127 
						dataType: 'json', //数据格式类型
90 128 
						type: 'GET', //http请求类型
129 
						async: false,
91 130 
						data: {
92 131 
							"articleId": articleId
93 132 
						},
94 133 
						timeout: 10000, //超时设置
95 134 
						success: function(data) {
135 
							console.log(data)
96 136 
							var $info = data.data || {};
97 137 
							if(data.success && data.data) {
98 138 
								var nameli = document.getElementById("nameli");
 
@ -106,6 +146,7 @@
106 146 
								var articleImg = document.getElementById("articleImg");
107 147 
								var artical_topic = document.getElementById("artical_topic");
108 148 
								var main_content = document.getElementById("main_content");
149 
								var hiddenImg = document.getElementById("hiddenImg"); //隐藏文章头图位置
109 150 
								proName.innerText = $info.professor.name;
110 151 
								if($info.professor.title && $info.professor.office && $info.professor.orgName && $info.professor.address) {
111 152 
									proTitle.innerText = $info.professor.title + "，";
 
@ -171,21 +212,30 @@
171 212 
									}
172 213 
								}
173 214 
								($info.professor.resources) ? proZlist.innerHTML = zlist: proZlist.innerText = '';
215
174 216 
								if($info.articleImg) {
175 217 
									articleImg.style.backgroundImage = 'url(/data/article/' + $info.articleImg + ')';
218 
									//hiddenImg.src = '/data/article/' + $info.articleImg + '';
219 
									//imgUrl = '/data/article/' + $info.articleImg + '';
220 
								} else {
221 
									//imgUrl = 'http://www.ekexiu.com/images/logo180.png';
222 
									//alert(imgUrl);
223 
									//articleImg.style.backgroundImage  = 'url(../images/logo180.png)';
176 224 
								}
177 225 
								if($info.professor.hasHeadImage) {
178 226 
									document.getElementById('proHead').src = "/images/head/" + $info.professorId + "_l.jpg";
179 227 
								}
180 228 
								artical_topic.innerText = $info.articleTitle;
181
229
182 230 
								//title标题栏
231 
								shareTitle = "【科袖文章】" + $info.articleTitle + "";
183 232 
								window.setInterval(function() {
184 
									document.title = "【科袖文章】"+ $info.articleTitle +"";
233 
									document.title = "【科袖文章】" + $info.articleTitle + "";
185 234 
								}, 500);
186
235
187 236 
								if($info.articleContent) {
188 237 
									main_content.innerHTML = $info.articleContent;
238 
									descContent = main_content.innerText;
189 239 
									var oImg = main_content.getElementsByTagName("img");
190 240 
									for(var i = 0; i < oImg.length; i++) {
191 241 
										(function(n) {
 
@ -195,6 +245,8 @@
195 245 
											oImg[n].parentNode.style.textIndent = "0em";
196 246 
										})(i);
197 247 
									}
248 
								} else {
249 
									descContent = "";
198 250 
								}
199 251 
							}
200 252 
						},
 
@ -202,8 +254,92 @@
202 254 
							return;
203 255 
						}
204 256 
					});
257
205 258 
				}
206 259 
				proInfoMain();
260
261 
				/*微信分享*/
262 
				$.ajax({
263 
					url: "ajax/weixin/jsapiTicket",
264 
					type: 'get',
265 
					dataType: 'json',
266 
					contentType: "application/x-www-form-urlencoded; charset=utf-8",
267 
					data: {
268 
						'url': location.href.split('#')[0]
269 
					},
270 
					success: function(data) {
271 
						if(data.data) {
272 
							wx.config({
273 
								debug: true, //调试模式好犀利
274 
								appId: data.data.appId,
275 
								timestamp: data.data.timestamp,
276 
								nonceStr: data.data.nonceStr,
277 
								signature: data.data.signature,
278 
								jsApiList: [ // 所有要调用的 API 都要加到这个列表中
279 
									"onMenuShareAppMessage",
280 
									"onMenuShareTimeline",
281 
									"onMenuShareQQ",
282 
									"onMenuShareQZone",
283 
									"scanQRCode",
284 
								]
285 
							});
286
287 
							var imgUrl = "http://www.ekexiu.com/images/logo180.png";
288 
							var lineLink = document.location.href;
289 
							var descContent;
290 
							var shareTitle;
291 
							var appid = '';
292 
							wx.ready(function() {
293 
								// 在这里调用 API
294 
								wx.onMenuShareAppMessage({ //分享给朋友
295 
									title: shareTitle, // 分享标题
296 
									desc: descContent, // 分享描述
297 
									link: lineLink, // 分享链接
298 
									imgUrl: imgUrl, // 分享图标
299 
									success: share_success_callback(),
300 
									cancel: share_cancel_callback()
301 
								});
302
303 
								wx.onMenuShareTimeline({ //分享到朋友圈
304 
									title: shareTitle, // 分享标题
305 
									desc: descContent, // 分享描述
306 
									link: lineLink, // 分享链接
307 
									imgUrl: imgUrl, // 分享图标
308 
									success: share_success_callback(),
309 
									cancel: share_cancel_callback()
310 
								});
311
312 
								wx.onMenuShareQQ({ //分享到QQ
313 
									title: shareTitle, // 分享标题
314 
									desc: descContent, // 分享描述
315 
									link: lineLink, // 分享链接
316 
									imgUrl: imgUrl, // 分享图标
317 
									success: share_success_callback(),
318 
									cancel: share_cancel_callback()
319 
								});
320
321 
								wx.onMenuShareQZone({ //分享到QQ空间
322 
									title: shareTitle, // 分享标题
323 
									desc: descContent, // 分享描述
324 
									link: lineLink, // 分享链接
325 
									imgUrl: imgUrl, // 分享图标
326 
									success: share_success_callback(),
327 
									cancel: share_cancel_callback()
328 
								});
329
330 
							});
331
332 
							//分享成功后的回调函数
333 
							function share_success_callback() {}
334
335 
							//用户取消分享后执行的回调函数
336 
							function share_cancel_callback() {}
337
338 
						}
339
340 
					}
341 
				});
342
207 343 
			})
208 344 
		</script>
209 345 
	</body>

+ 99 - 6
ekexiu/shareProinfor.html
View File 

@ -8,6 +8,9 @@
8 8 
		<link rel="stylesheet" href="../css/reset.css" />
9 9 
		<link rel="stylesheet" href="../css/common.css" />
10 10 
		<link rel="stylesheet" href="../css/share.css" />
11 
		<style type="text/css">
12 
			.ResImgBox:before { margin-left: 0px;}
13 
		</style>
11 14 
	</head>
12 15 
	<body>
13 16 
		<div class="contentBody2">
 
@ -105,6 +108,11 @@
105 108 
			//获取URL ID函数
106 109
107 110 
			$(document).ready(function() {
111 
				var imgUrl = "http://www.ekexiu.com/images/logo180.png";
112 
				var lineLink = document.location.href;
113 
				var descContent="研究方向：";
114 
				var shareTitle="";
115 
				var appid = '';
108 116 
				var personalMaterial = document.getElementsByClassName('personalMaterial');
109 117 
				var nameli = document.getElementById("nameli");
110 118 
				var personSummary = document.getElementsByClassName("breifinfo")[0];
 
@ -162,7 +170,8 @@
162 170 
								if($datarecords.length > 0) {
163 171 
									$photos = getRecords($datarecords, $data.caption);
164 172 
								}
165
173
174 
								descContent += " " + $data.caption;
166 175 
								var showDiv = "<div class='listbox'><div class='listbrowse mui-ellipsis'><span class='like'>" + $data.count + "</span>" + $data.caption + "</div><div class='likenum'>";
167 176
168 177 
								if($photos.length < 4) {
 
@ -243,11 +252,18 @@
243 252 
						url: "../ajax/professor/info/" + professorId,
244 253 
						dataType: 'json', //数据格式类型
245 254 
						type: 'GET', //http请求类型
255 
						async:false,
246 256 
						timeout: 10000, //超时设置
247 257 
						success: function(data) {
248 258 
							var $data = data.data;
249 259 
							personalMaterial[0].innerText = $data.name;
250 260
261 
							//title标题栏
262 
							shareTitle = "【科袖名片】" + $data.name + " " + $data.title + "";
263 
							window.setInterval(function() {
264 
								document.title = "【科袖名片】" + $data.name + " " + $data.title + "";
265 
							}, 500);
266
251 267 
							//基本信息
252 268 
							if($data.consultCount) {
253 269 
								document.getElementsByClassName("consultCount")[0].innerText = $data.consultCount;
 
@ -335,6 +351,7 @@
335 351 
							if($data.researchAreas.length) {
336 352
337 353 
								researchAreaShow($data.researchAreas, $data.editResearchAreaLogs);
354
338 355 
							} else {
339 356 
								document.getElementById("professorReserachMess").style.display = "none";
340 357 
							}
 
@ -350,15 +367,12 @@
350 367 
							} else {
351 368 
								document.getElementById("professorresourceList").style.display = "none";
352 369 
							}
353 
							//如无详细内容数据，隐藏详细点击的按钮
370 
							/*//如无详细内容数据，隐藏详细点击的按钮
354 371 
							if(!$data.edus.length && !$data.jobs.length && !$data.projects.length && !$data.papers.length && !$data.patents.length && !$data.honors.length) {
355 372 
								document.getElementById("detailProfessor").style.display = "none";
356 373 
							}
374 
							*/
357 375
358 
							//title标题栏
359 
							window.setInterval(function() {
360 
								document.title = "【科袖名片】" + $data.name + " " + $data.title + "";
361 
							}, 500);
362 376
363 377 
						},
364 378 
						error: function(e) {
 
@ -367,6 +381,85 @@
367 381 
					});
368 382 
				}
369 383 
				personalMessage()
384
385 
				/*微信分享*/
386 
				$.ajax({
387 
					url: "ajax/weixin/jsapiTicket",
388 
					type: 'get',
389 
					dataType: 'json',
390 
					contentType: "application/x-www-form-urlencoded; charset=utf-8",
391 
					data: {
392 
						'url': location.href.split('#')[0]
393 
					},
394 
					success: function(data) {
395 
						if(data.data) {
396 
							wx.config({
397 
								debug: true, //调试模式好犀利
398 
								appId: data.data.appId,
399 
								timestamp: data.data.timestamp,
400 
								nonceStr: data.data.nonceStr,
401 
								signature: data.data.signature,
402 
								jsApiList: [ // 所有要调用的 API 都要加到这个列表中
403 
									"onMenuShareAppMessage",
404 
									"onMenuShareTimeline",
405 
									"onMenuShareQQ",
406 
									"onMenuShareQZone",
407 
									"scanQRCode",
408 
								]
409 
							});
410
411 
							wx.ready(function() {
412 
								// 在这里调用 API
413 
								wx.onMenuShareAppMessage({ //分享给朋友
414 
									title: shareTitle, // 分享标题
415 
									desc: descContent, // 分享描述
416 
									link: lineLink, // 分享链接
417 
									imgUrl: imgUrl, // 分享图标
418 
									success: share_success_callback(),
419 
									cancel: share_cancel_callback()
420 
								});
421
422 
								wx.onMenuShareTimeline({ //分享到朋友圈
423 
									title: shareTitle, // 分享标题
424 
									desc: descContent, // 分享描述
425 
									link: lineLink, // 分享链接
426 
									imgUrl: imgUrl, // 分享图标
427 
									success: share_success_callback(),
428 
									cancel: share_cancel_callback()
429 
								});
430
431 
								wx.onMenuShareQQ({ //分享到QQ
432 
									title: shareTitle, // 分享标题
433 
									desc: descContent, // 分享描述
434 
									link: lineLink, // 分享链接
435 
									imgUrl: imgUrl, // 分享图标
436 
									success: share_success_callback(),
437 
									cancel: share_cancel_callback()
438 
								});
439
440 
								wx.onMenuShareQZone({ //分享到QQ空间
441 
									title: shareTitle, // 分享标题
442 
									desc: descContent, // 分享描述
443 
									link: lineLink, // 分享链接
444 
									imgUrl: imgUrl, // 分享图标
445 
									success: share_success_callback(),
446 
									cancel: share_cancel_callback()
447 
								});
448
449 
							});
450
451 
							//分享成功后的回调函数
452 
							function share_success_callback() {}
453
454 
							//用户取消分享后执行的回调函数
455 
							function share_cancel_callback() {}
456
457 
						}
458
459 
					}
460 
				});
461
462
370 463 
			})
371 464 
		</script>
372 465

+ 90 - 2
ekexiu/shareResinfor.html
View File 

@ -155,6 +155,7 @@
155 155 
						},
156 156 
						dataType: 'json', //服务器返回json格式数据
157 157 
						type: 'get', //HTTP请求类型
158 
						async:false,
158 159 
						timeout: 10000, //超时时间设置为10秒；
159 160 
						success: function(data) {
160 161 
							if(data.success) {
 
@ -170,8 +171,9 @@
170 171 
								(mydata['resourceName']) ? oresourceName.innerHTML = mydata['resourceName']: oresourceName.innerHTML = '';
171 172
172 173 
								//title标题栏
174 
								shareTitle = "【科袖资源】" + mydata['resourceName'];
173 175 
								window.setInterval(function() {
174 
									document.title = "【科袖资源】" + mydata['resourceName'] + "";
176 
									document.title = "【科袖资源】" + mydata['resourceName'];
175 177 
								}, 500);
176 178
177 179 
								//专家信息
 
@ -226,7 +228,7 @@
226 228 
									oziyuanimg.setAttribute('src', '../images/default-resource.jpg')
227 229 
								}
228 230 
								(mydata['supportedServices']) ? oyongtu.innerHTML = mydata['supportedServices']: oyongtu.innerHTML = ''; //应用用途
229
231 
								descContent = "应用用途：" + mydata['supportedServices'];
230 232 
								//学术领域
231 233 
								if(mydata['subject']) {
232 234 
									if(mydata['subject'].indexOf(',') != -1) { //字符串是否包含,
 
@ -304,6 +306,92 @@
304 306 
				}
305 307 
				//资源信息
306 308 
				ziyuaninfo(resourceId);
309
310 
				/*微信分享*/
311 
				$.ajax({
312 
					url: "ajax/weixin/jsapiTicket",
313 
					type: 'get',
314 
					dataType: 'json',
315 
					contentType: "application/x-www-form-urlencoded; charset=utf-8",
316 
					data: {
317 
						'url': location.href.split('#')[0]
318 
					},
319 
					success: function(data) {
320 
						if(data.data) {
321 
							wx.config({
322 
								debug: true, //调试模式好犀利
323 
								appId: data.data.appId,
324 
								timestamp: data.data.timestamp,
325 
								nonceStr: data.data.nonceStr,
326 
								signature: data.data.signature,
327 
								jsApiList: [ // 所有要调用的 API 都要加到这个列表中
328 
									"onMenuShareAppMessage",
329 
									"onMenuShareTimeline",
330 
									"onMenuShareQQ",
331 
									"onMenuShareQZone",
332 
									"scanQRCode",
333 
								]
334 
							});
335
336 
							var imgUrl = "http://www.ekexiu.com/images/logo180.png";
337 
							var lineLink = document.location.href;
338 
							var descContent;
339 
							var shareTitle;
340 
							var appid = '';
341 
							wx.ready(function() {
342 
								// 在这里调用 API
343 
								wx.onMenuShareAppMessage({ //分享给朋友
344 
									title: shareTitle, // 分享标题
345 
									desc: descContent, // 分享描述
346 
									link: lineLink, // 分享链接
347 
									imgUrl: imgUrl, // 分享图标
348 
									success: share_success_callback(),
349 
									cancel: share_cancel_callback()
350 
								});
351
352 
								wx.onMenuShareTimeline({ //分享到朋友圈
353 
									title: shareTitle, // 分享标题
354 
									desc: descContent, // 分享描述
355 
									link: lineLink, // 分享链接
356 
									imgUrl: imgUrl, // 分享图标
357 
									success: share_success_callback(),
358 
									cancel: share_cancel_callback()
359 
								});
360
361 
								wx.onMenuShareQQ({ //分享到QQ
362 
									title: shareTitle, // 分享标题
363 
									desc: descContent, // 分享描述
364 
									link: lineLink, // 分享链接
365 
									imgUrl: imgUrl, // 分享图标
366 
									success: share_success_callback(),
367 
									cancel: share_cancel_callback()
368 
								});
369
370 
								wx.onMenuShareQZone({ //分享到QQ空间
371 
									title: shareTitle, // 分享标题
372 
									desc: descContent, // 分享描述
373 
									link: lineLink, // 分享链接
374 
									imgUrl: imgUrl, // 分享图标
375 
									success: share_success_callback(),
376 
									cancel: share_cancel_callback()
377 
								});
378
379 
							});
380
381 
							//分享成功后的回调函数
382 
							function share_success_callback() {}
383
384 
							//用户取消分享后执行的回调函数
385 
							function share_cancel_callback() {}
386
387 
						}
388
389 
					}
390 
				});
391
392
393
394
307 395
308 396 
			});
309 397 
		</script>