portal html css js resource

shareArticalinforNew.html 8.0KB

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文章分享-科袖网</title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <link rel="stylesheet" href="../css/reset.css" /> <link rel="stylesheet" href="../css/common.css" /> <link rel="stylesheet" href="../css/share.css" /> <script type="text/javascript" src="../js/jquery-1.11.1.js"></script> <style> html, body { margin: 0; padding: 0px; background: #FFFFFF; } </style> </head> <body> <div class="contentBody2"> <div class="showDetail"> <div class="h1Font hWeight" id="articleName"></div> <div class="madiaBlock"> <ul class="mui-table-view noactiveTab"> <li class="mui-table-view-cell" id="personAL"> <div class="flexCenter mui-clearfix"> <div class="madiaHead useHead" id="messImg"></div> <div class="madiaInfo"> <p><span class="h1Font" id="name"></span><em class="authiconNew" title="" id="auth"></em></p> <p class="h3Font" id="oTime"></p> </div> </div> </li> </ul> </div> <!--文章内容区--> <div class="showMain" id="articleContent"> </div> <!--标签模块--> <ul class="tagList displayNone"> <!--<li> <span class="h2Font">金属材料工程与腐</span> </li>--> </ul> </div> <div class="shareEcode"> <div class="Ecodebox"> <div class="Ecodecon clearfix"> <img src="../images/weixin_code.jpg" /> <div class="codecon"> <h1>「 科袖 」</h1> <h2>搭建企业与专家的桥梁</h2> <h3>长按识别科袖公众号</h3> </div> </div> </div> <div style="margin:20px auto;"> <a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app"><button class="frmbtn frmactive">下载移动客户端</button></a> </div> </div> </div> <script type="text/javascript"> $(document).ready(function() { var imgUrl =""; var lineLink = document.location.href; var descContent=""; var shareTitle; var appid = ''; var articleId = GetQueryString("articleId"); var oArticleModule = { articleId: GetQueryString("articleId"), oAjaxGet: function(url, obj, oType, oFun) { $.ajax({ url: url, data: obj, dataType: 'json', //服务器返回json格式数据 type: oType, //HTTP请求类型 timeout: 10000, //超时时间设置为10秒; traditional: true, success: function(data) { if(data.success) { oFun(data.data); } }, error: function(e) { return; } }); }, articleMess: function($data) { console.log($data); document.getElementById("articleName").innerHTML = $data.articleTitle; shareTitle=$data.articleTitle; stt = $data.articleImg.substring(0, 9); imgUrl="http://www.ekexiu.com/data/article/" + stt + $data.articleId + "_s.jpg"; console.log(stt) if($data.articleContent) { document.getElementById("articleContent").innerHTML = $data.articleContent; descContent=$data.articleContent; } if($data.subject) { document.getElementsByClassName("tagList")[0].style.display = "block"; var arr = $data.subject.split(","); for(var i in arr) { var oLi = document.createElement("li"); oLi.innerHTML = '<span class="h2Font">' + arr[i] + '</span>' document.getElementsByClassName("tagList")[0].appendChild(oLi); } } if($data.articleType == 1) { oArticleModule.oAjaxGet("../ajax/professor/editBaseInfo/" + $data.professorId, "", "get", oArticleModule.professorMess); } else { oArticleModule.oAjaxGet("../ajax/org/" + $data.orgId, "", "get", oArticleModule.business); } }, professorMess: function($data) { console.log($data); //document.getElementById('name').innerHTML = $data.name; $("#name").text($data.name); if($data.hasHeadImage == 1) { document.getElementById("messImg").style.backgroundImage = "url(../images/head/" + $data.id + "_l.jpg" + ")"; } var userType = autho($data.authType, $data.orgAuth, $data.authStatus); document.getElementById("auth").classList.add(userType.sty); }, business: function($data) { //console.log(JSON.stringify($data)); document.getElementById('name').innerHTML = $data.name; if($data.hasOrgLogo) { document.getElementById("messImg").style.backgroundImage = "url(../images/org/" + $data.id + ".jpg" + ")"; } if($data.authStatus == 3) { document.getElementById("auth").classList.add("authicon-com-ok"); } } } /*文章详细内容*/ oArticleModule.oAjaxGet("../ajax/article/query", { articleId: oArticleModule.articleId }, "get", oArticleModule.articleMess); function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); var context = ""; if(r != null) context = r[2]; reg = null; r = null; return context == null || context == "" || context == "undefined" ? "" : decodeURI(context); } /*标志*/ function autho() { if(arguments[0] == 1) { return { "sty": "authicon-pro", "title": "科袖认证专家" } } else { if(arguments[1] == 1) { return { "sty": "authicon-staff-ok", "title": "企业认证员工" } } else { if(arguments[2] == 3) { return { "sty": "authicon-real", "title": "实名认证用户" } } else { return { "sty": "e", "title": " " } } } } } /*微信分享*/ $.ajax({ url: "../ajax/weixin/jsapiTicket", type: 'get', dataType: 'json', contentType: "application/x-www-form-urlencoded; charset=utf-8", data: { 'url': location.href.split('#')[0] }, success: function(data) { if(data.data) { wx.config({ debug: false, //调试模式好犀利 appId: data.data.appId, timestamp: data.data.timestamp, nonceStr: data.data.nonceStr, signature: data.data.signature, jsApiList: [ // 所有要调用的 API 都要加到这个列表中 "onMenuShareAppMessage", "onMenuShareTimeline", "onMenuShareQQ", "onMenuShareQZone", "scanQRCode", ] }); wx.ready(function() { // 在这里调用 API wx.onMenuShareAppMessage({ //分享给朋友 title: shareTitle, // 分享标题 desc: descContent, // 分享描述 link: lineLink, // 分享链接 imgUrl: imgUrl, // 分享图标 success: share_success_callback, cancel: share_cancel_callback }); wx.onMenuShareTimeline({ //分享到朋友圈 title: shareTitle, // 分享标题 desc: descContent, // 分享描述 link: lineLink, // 分享链接 imgUrl: imgUrl, // 分享图标 success: share_success_callback, cancel: share_cancel_callback }); wx.onMenuShareQQ({ //分享到QQ title: shareTitle, // 分享标题 desc: descContent, // 分享描述 link: lineLink, // 分享链接 imgUrl: imgUrl, // 分享图标 success: share_success_callback, cancel: share_cancel_callback }); wx.onMenuShareQZone({ //分享到QQ空间 title: shareTitle, // 分享标题 desc: descContent, // 分享描述 link: lineLink, // 分享链接 imgUrl: imgUrl, // 分享图标 success: share_success_callback, cancel: share_cancel_callback }); }); //分享成功后的回调函数 function share_success_callback() {} //用户取消分享后执行的回调函数 function share_cancel_callback() {} } } }); }) </script> </body> </html>