Browse Source

微信分享

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

+ 147 - 11
ekexiu/shareArticalinfor.html

10
		<link rel="stylesheet" href="../css/index.css" />
10
		<link rel="stylesheet" href="../css/index.css" />
11
		<link rel="stylesheet" href="../css/share.css" />
11
		<link rel="stylesheet" href="../css/share.css" />
12
		<style>
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
			@media only screen and (min-width: 100px) and (max-width: 350px) {
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
		</style>
56
		</style>
24
	</head>
57
	</head>
25
58
26
	<body>
59
	<body>
60
		<div style="display:none">
61
			<img id="hiddenImg" src="http://www.ekexiu.com/images/logo180.png" width="100%" />
62
		</div>
27
		<div class="contentBody2">
63
		<div class="contentBody2">
28
			<div class="art_topicBox">
64
			<div class="art_topicBox">
29
				<div class="art_img" id="articleImg"></div>
65
				<div class="art_img" id="articleImg"></div>
67
				</div>
103
				</div>
68
			</div>
104
			</div>
69
		</div>
105
		</div>
106
		<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
70
		<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
107
		<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
71
		<script>
108
		<script>
72
			$(document).ready(function() {
109
			$(document).ready(function() {
110
73
				var articleId = GetQueryString("articleId");
111
				var articleId = GetQueryString("articleId");
74
112
75
				function GetQueryString(name) {
113
				function GetQueryString(name) {
88
						url: "/ajax/article/query",
126
						url: "/ajax/article/query",
89
						dataType: 'json', //数据格式类型
127
						dataType: 'json', //数据格式类型
90
						type: 'GET', //http请求类型
128
						type: 'GET', //http请求类型
129
						async: false,
91
						data: {
130
						data: {
92
							"articleId": articleId
131
							"articleId": articleId
93
						},
132
						},
94
						timeout: 10000, //超时设置
133
						timeout: 10000, //超时设置
95
						success: function(data) {
134
						success: function(data) {
135
							console.log(data)
96
							var $info = data.data || {};
136
							var $info = data.data || {};
97
							if(data.success && data.data) {
137
							if(data.success && data.data) {
98
								var nameli = document.getElementById("nameli");
138
								var nameli = document.getElementById("nameli");
106
								var articleImg = document.getElementById("articleImg");
146
								var articleImg = document.getElementById("articleImg");
107
								var artical_topic = document.getElementById("artical_topic");
147
								var artical_topic = document.getElementById("artical_topic");
108
								var main_content = document.getElementById("main_content");
148
								var main_content = document.getElementById("main_content");
149
								var hiddenImg = document.getElementById("hiddenImg"); //隐藏文章头图位置
109
								proName.innerText = $info.professor.name;
150
								proName.innerText = $info.professor.name;
110
								if($info.professor.title && $info.professor.office && $info.professor.orgName && $info.professor.address) {
151
								if($info.professor.title && $info.professor.office && $info.professor.orgName && $info.professor.address) {
111
									proTitle.innerText = $info.professor.title + ",";
152
									proTitle.innerText = $info.professor.title + ",";
171
									}
212
									}
172
								}
213
								}
173
								($info.professor.resources) ? proZlist.innerHTML = zlist: proZlist.innerText = '';
214
								($info.professor.resources) ? proZlist.innerHTML = zlist: proZlist.innerText = '';
215
174
								if($info.articleImg) {
216
								if($info.articleImg) {
175
									articleImg.style.backgroundImage = 'url(/data/article/' + $info.articleImg + ')';
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
								if($info.professor.hasHeadImage) {
225
								if($info.professor.hasHeadImage) {
178
									document.getElementById('proHead').src = "/images/head/" + $info.professorId + "_l.jpg";
226
									document.getElementById('proHead').src = "/images/head/" + $info.professorId + "_l.jpg";
179
								}
227
								}
180
								artical_topic.innerText = $info.articleTitle;
228
								artical_topic.innerText = $info.articleTitle;
181
								
229
182
								//title标题栏
230
								//title标题栏
231
								shareTitle = "【科袖文章】" + $info.articleTitle + "";
183
								window.setInterval(function() {
232
								window.setInterval(function() {
184
									document.title = "【科袖文章】"+ $info.articleTitle +"";
233
									document.title = "【科袖文章】" + $info.articleTitle + "";
185
								}, 500);
234
								}, 500);
186
								
235
187
								if($info.articleContent) {
236
								if($info.articleContent) {
188
									main_content.innerHTML = $info.articleContent;
237
									main_content.innerHTML = $info.articleContent;
238
									descContent = main_content.innerText;
189
									var oImg = main_content.getElementsByTagName("img");
239
									var oImg = main_content.getElementsByTagName("img");
190
									for(var i = 0; i < oImg.length; i++) {
240
									for(var i = 0; i < oImg.length; i++) {
191
										(function(n) {
241
										(function(n) {
195
											oImg[n].parentNode.style.textIndent = "0em";
245
											oImg[n].parentNode.style.textIndent = "0em";
196
										})(i);
246
										})(i);
197
									}
247
									}
248
								} else {
249
									descContent = "";
198
								}
250
								}
199
							}
251
							}
200
						},
252
						},
202
							return;
254
							return;
203
						}
255
						}
204
					});
256
					});
257
205
				}
258
				}
206
				proInfoMain();
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
		</script>
344
		</script>
209
	</body>
345
	</body>

+ 99 - 6
ekexiu/shareProinfor.html

8
		<link rel="stylesheet" href="../css/reset.css" />
8
		<link rel="stylesheet" href="../css/reset.css" />
9
		<link rel="stylesheet" href="../css/common.css" />
9
		<link rel="stylesheet" href="../css/common.css" />
10
		<link rel="stylesheet" href="../css/share.css" />
10
		<link rel="stylesheet" href="../css/share.css" />
11
		<style type="text/css">
12
			.ResImgBox:before { margin-left: 0px;}
13
		</style>
11
	</head>
14
	</head>
12
	<body>
15
	<body>
13
		<div class="contentBody2">
16
		<div class="contentBody2">
105
			//获取URL ID函数
108
			//获取URL ID函数
106
109
107
			$(document).ready(function() {
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
				var personalMaterial = document.getElementsByClassName('personalMaterial');
116
				var personalMaterial = document.getElementsByClassName('personalMaterial');
109
				var nameli = document.getElementById("nameli");
117
				var nameli = document.getElementById("nameli");
110
				var personSummary = document.getElementsByClassName("breifinfo")[0];
118
				var personSummary = document.getElementsByClassName("breifinfo")[0];
162
								if($datarecords.length > 0) {
170
								if($datarecords.length > 0) {
163
									$photos = getRecords($datarecords, $data.caption);
171
									$photos = getRecords($datarecords, $data.caption);
164
								}
172
								}
165
173
								
174
								descContent += " " + $data.caption;
166
								var showDiv = "<div class='listbox'><div class='listbrowse mui-ellipsis'><span class='like'>" + $data.count + "</span>" + $data.caption + "</div><div class='likenum'>";
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
								if($photos.length < 4) {
177
								if($photos.length < 4) {
243
						url: "../ajax/professor/info/" + professorId,
252
						url: "../ajax/professor/info/" + professorId,
244
						dataType: 'json', //数据格式类型
253
						dataType: 'json', //数据格式类型
245
						type: 'GET', //http请求类型
254
						type: 'GET', //http请求类型
255
						async:false,
246
						timeout: 10000, //超时设置
256
						timeout: 10000, //超时设置
247
						success: function(data) {
257
						success: function(data) {
248
							var $data = data.data;
258
							var $data = data.data;
249
							personalMaterial[0].innerText = $data.name;
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
							if($data.consultCount) {
268
							if($data.consultCount) {
253
								document.getElementsByClassName("consultCount")[0].innerText = $data.consultCount;
269
								document.getElementsByClassName("consultCount")[0].innerText = $data.consultCount;
335
							if($data.researchAreas.length) {
351
							if($data.researchAreas.length) {
336
352
337
								researchAreaShow($data.researchAreas, $data.editResearchAreaLogs);
353
								researchAreaShow($data.researchAreas, $data.editResearchAreaLogs);
354
							
338
							} else {
355
							} else {
339
								document.getElementById("professorReserachMess").style.display = "none";
356
								document.getElementById("professorReserachMess").style.display = "none";
340
							}
357
							}
350
							} else {
367
							} else {
351
								document.getElementById("professorresourceList").style.display = "none";
368
								document.getElementById("professorresourceList").style.display = "none";
352
							}
369
							}
353
							//如无详细内容数据,隐藏详细点击的按钮
370
							/*//如无详细内容数据,隐藏详细点击的按钮
354
							if(!$data.edus.length && !$data.jobs.length && !$data.projects.length && !$data.papers.length && !$data.patents.length && !$data.honors.length) {
371
							if(!$data.edus.length && !$data.jobs.length && !$data.projects.length && !$data.papers.length && !$data.patents.length && !$data.honors.length) {
355
								document.getElementById("detailProfessor").style.display = "none";
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
						error: function(e) {
378
						error: function(e) {
367
					});
381
					});
368
				}
382
				}
369
				personalMessage()
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
		</script>
464
		</script>
372
465

+ 90 - 2
ekexiu/shareResinfor.html

155
						},
155
						},
156
						dataType: 'json', //服务器返回json格式数据
156
						dataType: 'json', //服务器返回json格式数据
157
						type: 'get', //HTTP请求类型
157
						type: 'get', //HTTP请求类型
158
						async:false,
158
						timeout: 10000, //超时时间设置为10秒;
159
						timeout: 10000, //超时时间设置为10秒;
159
						success: function(data) {
160
						success: function(data) {
160
							if(data.success) {
161
							if(data.success) {
170
								(mydata['resourceName']) ? oresourceName.innerHTML = mydata['resourceName']: oresourceName.innerHTML = '';
171
								(mydata['resourceName']) ? oresourceName.innerHTML = mydata['resourceName']: oresourceName.innerHTML = '';
171
172
172
								//title标题栏
173
								//title标题栏
174
								shareTitle = "【科袖资源】" + mydata['resourceName'];
173
								window.setInterval(function() {
175
								window.setInterval(function() {
174
									document.title = "【科袖资源】" + mydata['resourceName'] + "";
176
									document.title = "【科袖资源】" + mydata['resourceName'];
175
								}, 500);
177
								}, 500);
176
								
178
								
177
								//专家信息
179
								//专家信息
226
									oziyuanimg.setAttribute('src', '../images/default-resource.jpg')
228
									oziyuanimg.setAttribute('src', '../images/default-resource.jpg')
227
								}
229
								}
228
								(mydata['supportedServices']) ? oyongtu.innerHTML = mydata['supportedServices']: oyongtu.innerHTML = ''; //应用用途
230
								(mydata['supportedServices']) ? oyongtu.innerHTML = mydata['supportedServices']: oyongtu.innerHTML = ''; //应用用途
229
231
								descContent = "应用用途:" + mydata['supportedServices'];
230
								//学术领域
232
								//学术领域
231
								if(mydata['subject']) {
233
								if(mydata['subject']) {
232
									if(mydata['subject'].indexOf(',') != -1) { //字符串是否包含,
234
									if(mydata['subject'].indexOf(',') != -1) { //字符串是否包含,
304
				}
306
				}
305
				//资源信息
307
				//资源信息
306
				ziyuaninfo(resourceId);
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
		</script>
397
		</script>