Files
g.hnyhua.cn/Mtxfw.VipSite/mobile/video_common.html

566 lines
24 KiB
HTML
Raw Normal View History

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" />
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<title>Hello APP</title>
<link rel="stylesheet" type="text/css" href="../css/api.css" />
<link rel="stylesheet" type="text/css" href="../css/content.css" />
<style type="text/css">html,body{background: none;overflow: hidden;}
</style>
</head>
<body style="padding:0;box-sizing: border-box;" onclick="closecommon()">
<div class="wrap" id="commnheader" style=" position: absolute; bottom:0;width: 100%; background: #fff;border-radius:0.8em 0.8em 0 0;" onclick="stopPropagation(event)">
<header style="background: none;"><div class="ub">
<div class="nav-btn" id="nav-left" style=" margin:0; padding:0; padding-top:0.2em; min-width:4em" onclick="closecommon();">
<img src="../image/faifeito0.png" style="margin-left:0; margin-top:0em; height:1.4em;width:1.4em;display: none;" />
</div>
<h1 class="ub-f1" style="color: #000000;font-size: 1em;">
<span id="plcount">0</span>条评论
</h1>
<div class="nav-btn blue" id="nav-right" style=" margin:0; padding:0;padding-top:0.2em; min-width:4em">
<!--<img src="../image/full.png" class="full" onclick="onfull()" style="margin-left:0; margin-top:0em; height:1.4em;width:1.4em;" />--><img src="../image/close.png" class="close" style="margin-left:0.8em;margin-right:0.8em; margin-top:0em; height:1.5em;width:1.5em;" onclick="closecommon();" />
</div>
</div>
</header>
<section class="ub-f1" onclick="stopPropagation(event)">
<div class="video_common">
<ul id="sysnew">
</ul>
</div>
<div style="height: 3em;width: 100%;"></div>
</section>
</div>
<div class="ajaxLoader ub ub-ac uhide" onclick="reload()">
<div class="ub ub-ac ub-ver"><img src="../image/load.gif" /><br>正在加载...</div>
</div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/main.js"></script>
<script type="text/javascript" src="../script/moment.js"></script>
<script type="text/javascript" src="../scripts/jquery-2.0.2.min.js"></script>
<script type="text/javascript">
var videoid=null;
var replyid="";
var replyid0="";
var userId=null;
var LoginId=null;
var UIChatBox = null;
apiready = function() {
videoid=$api.getStorage("videoid");
userId=$api.getStorage("userId");
LoginId=$api.getStorage("LoginId");
UIChatBox = api.require('UIChatBox');
try{
UIChatBox.open({
placeholder: '请输入评论内容',
maxRows: 4,
emotionPath: 'widget://wgtRes/emojicons',
texts: {
recordBtn: {
normalTitle: '按住说话',
activeTitle: '松开结束'
},
sendBtn: {
title: '发送'
}
},
styles: {
inputBar: {
borderColor: '#d9d9d9',
bgColor: '#f2f2f2'
},
inputBox: {
borderColor: '#B3B3B3',
bgColor: '#FFFFFF'
},
emotionBtn: {
normalImg: 'widget://wgtRes/emojicons/14.png'
},
extrasBtn: { //可选项JSON对象附加功能按钮样式不传则不显示附加功能按钮
normalImg: 'widget://wgtRes/addto.png' //可选项字符串类型附加功能按钮常态的背景图片本地路径fs://、widget://
},
/*speechBtn: { //可选项JSON对象输入框左侧按钮样式不传则不显示左边的语音按钮
normalImg: 'widget://wgtRes/normalImg.png', //字符串类型左侧按钮常态的背景图片本地路径fs://、widget://
//activeImg:'widget://wgtRes/activeImg.png' //字符串类型左侧按钮按下的背景图片本地路径fs://、widget://
},*/
recordBtn: {
normalBg: '#c4c4c4',
activeBg: '#999999',
color: '#000',
size: 14
},
indicator: {
target: 'both',
color: '#c4c4c4',
activeColor: '#9e9e9e'
},
sendBtn: {
titleColor: '#fff',
bg: '#ff4d00',
activeBg: '#46a91e',
titleSize: 14
}
},extras: {
titleSize: 14,
titleColor: '#a3a3a3',
btns: [{
title: '图片',
normalImg: 'widget://image/photo.png',
activeImg: 'widget://image/photo.png'
}, {
title: '拍照',
normalImg: 'widget://image/camera.png',
activeImg: 'widget://image/camera.png'
}]
}
}, function(ret, err) {
if (ret) {
if(ret.eventType=="send"){
if(ret.msg!=""){
ifkfmsg=0;
onCommitJson(ret.msg,0);
}
}
if(ret.eventType=="clickExtras"){
$api.setStorage("choosetype",7);
if(ret.index==1){
takephoto();
}else{
choosepic();
}
}
} else {
alert(JSON.stringify(err));
}
});
}catch(err){
alert(err);
}
rdata(1);
onScroll0();
};
function onScroll0() {
isload = true;//设置是否终止滚动加载
curScrollHeight = 0;//当前滚动位置
curCount = 1;//计数器,防止滚动时重复执行加载下一页
$(".video_common").scroll(function () {
var pageHeight = $("body").height();
var showHeight = $(".video_common").height();
var scrollHeight = $(".video_common").scrollTop();
if (curScrollHeight - scrollHeight < 10 && curScrollHeight > 0) {
if (curCount == 1 && isload) {
rdata(0);
}
curCount++; //加载下一页后计数器+1
}
if (curScrollHeight < scrollHeight) {
curScrollHeight = pageHeight - showHeight;//滚动到页面底部时,重设当前滚动位置
curCount = 1;
}
});
}
function rdata(t) {
$api.removeCls($api.dom(".ajaxLoader"),"uhide");
var Start = $api.domAll("#sysnew li").length;
if(t==1){
Start = 0;
}
api.ajax({
url : apiurl+"/apiajax.ashx?action=getpllist&Start="+Start + "&id=" + videoid + (userId!=null?"&userId=" + userId:"") + (LoginId!=null?"&LoginId=" + LoginId:""),
method:'get',
dataType:'json'
},
function(data, status) {
if (data) {
$api.addCls($api.dom(".ajaxLoader"),"uhide");
if(data.status==1){
$api.css($api.dom(".video_common"),"height:"+(api.frameHeight-315)+"px");
$api.html($api.dom('#plcount'),data.Recount);
if(data.data.length>0){
var html="";
for(i=0;i<data.data.length;i++){
var bifshow=0;
if(t==0){
if($api.domAll("#databox_"+data.data[i].id).length==0){
bifshow=1;
}
}else{
bifshow=1;
}
if(bifshow==1){
html+=addMsg(data.data[i]);
}
}
if(t==1){
$api.html($api.dom('#sysnew'),html);
}else{
$api.append($api.dom("#sysnew"),html);
}
}
}else{
toast(data.msg);
if(data.msg=="您未登录"){
$api.rmStorage("userId");
$api.rmStorage("LoginId");
}
}
}else{
toast("网络错误!");
$api.addCls($api.dom(".ajaxLoader"), "uhide");
}
})
}
function addMsg(param){
var html ='';
html+='<li id="databox_'+ param.id +'">';
html+='<div class="imgbox"><div>';
if(param.pic!=""){
html+='<img src="'+ param.pic +'" />';
}else{
html+='<img src="../image/logo.png" />';
}
html+='</div></div>';
html+='<div class="titlebox">';
html+='<div class="name" onclick="onreply('+param.id+',0,\'@'+param.name+'\')">'+param.name+'</div>';
html+='<div class="body" onclick="onreply('+param.id+',0,\'@'+param.name+'\')">'+param.body+'</div>';
html+='<div class="time"><span>'+judgetime2(param.time)+'</span><span class="reply" onclick="onreply('+param.id+',0,\'@'+param.name+'\')">回复</span>';
if(param.isLike){
html+='<span class="like likeed" onclick="ondzpl('+param.id+')"><img src="../image/likeed.png" /><span>'+param.dznum+'</span></span>';
}else{
html+='<span class="like" onclick="ondzpl('+param.id+')"><img src="../image/like.png" /><span>'+param.dznum+'</span></span>';
}
html+='</div>';
if(param.replycount>0){
html+='<div class="replybox">';
html+='<ul class="replylist uhide"></ul>';
html+='<div class="loading uhide"><img src="../image/loading.gif" /></div>';
html+='<div class="expandbox" onclick="onexpand('+ param.id +')"><div class="line"></div><div class="box">展开<span class="replycount">'+param.replycount+'</span>条回复</div><div class="ico"></div></div>';
html+='<div class="expandbox0 uhide" onclick="onexpand('+ param.id +')"><div class="line"></div><div class="box">展开更多</div><div class="ico"></div></div>';
html+='<div class="retractbox uhide" onclick="onretract('+ param.id +')"><div class="line"></div><div class="box">收起</div><div class="ico"></div></div>';
html+='</div>';
}
html+='</div>';
html+='</li>';
return html;
}
function addMsg0(param,pid){
var html ='';
html+='<li id="databox_'+ param.id +'">';
html+='<div class="imgbox"><div>';
if(param.pic!=""){
html+='<img src="'+ param.pic +'" />';
}else{
html+='<img src="../image/logo.png" />';
}
html+='</div></div>';
html+='<div class="titlebox">';
html+='<div class="name" onclick="onreply('+pid+','+param.uid+',\'@'+param.name+'\')">'+param.name;
if(param.name0!=""){
html+='<img src="../image/faifeidown1.png" />' + param.name0;
}
html+='</div>';
html+='<div class="body" onclick="onreply('+pid+','+param.uid+',\'@'+param.name+'\')">'+param.body+'</div>';
html+='<div class="time"><span>'+judgetime2(param.time)+'</span><span class="reply" onclick="onreply('+pid+','+param.uid+',\'@'+param.name+'\')">回复</span>';
if(param.isLike){
html+='<span class="like likeed" onclick="ondzpl('+param.id+')"><img src="../image/likeed.png" /><span>'+param.dznum+'</span></span>';
}else{
html+='<span class="like" onclick="ondzpl('+param.id+')"><img src="../image/like.png" /><span>'+param.dznum+'</span></span>';
}
html+='</div>';
html+='</div>';
html+='</li>';
return html;
}
function onreply(id,aid,rename){
replyid=id;
replyid0=aid;
UIChatBox.setPlaceholder({
placeholder: "回复" + rename
});
UIChatBox.popupKeyboard();
}
function onexpand(id){
$api.removeCls($api.dom("#databox_"+id+" .replybox .loading"),"uhide");
var Start = $api.domAll("#databox_"+id+" .replybox .replylist li").length;
api.ajax({
url : apiurl+"/apiajax.ashx?action=getpllist&Start="+Start + "&id=" + videoid + "&pid=" + id + (userId!=null?"&userId=" + userId:"") + (LoginId!=null?"&LoginId=" + LoginId:""),
method:'get',
dataType:'json'
},
function(data, status) {
if (data) {
$api.addCls($api.dom("#databox_"+id+" .replybox .loading"),"uhide");
$api.addCls($api.dom("#databox_"+id+" .replybox .expandbox"),"uhide");
if(data.status==1){
if(data.data.length>0){
var html="";
for(i=0;i<data.data.length;i++){
var bifshow=0;
if($api.domAll("#databox_"+data.data[i].id).length==0){
bifshow=1;
}
if(bifshow==1){
html+=addMsg0(data.data[i],id);
}
}
if(Start==0){
$api.html($api.dom("#databox_"+id+" .replybox .replylist"),html);
$api.removeCls($api.dom("#databox_"+id+" .replybox .replylist"),"uhide");
}else{
$api.append($api.dom("#databox_"+id+" .replybox .replylist"),html);
}
var replycount=$api.html($api.dom("#databox_"+id+" .replybox .expandbox .replycount"));
var zcount = $api.domAll("#databox_"+id+" .replybox .replylist li").length;
if(replycount<=zcount){
$api.addCls($api.dom("#databox_"+id+" .replybox .expandbox0"),"uhide");
$api.removeCls($api.dom("#databox_"+id+" .replybox .retractbox"),"uhide");
}else{
$api.removeCls($api.dom("#databox_"+id+" .replybox .expandbox0"),"uhide");
$api.addCls($api.dom("#databox_"+id+" .replybox .retractbox"),"uhide");
}
}
}else{
toast(data.msg);
if(data.msg=="您未登录"){
$api.rmStorage("userId");
$api.rmStorage("LoginId");
}
}
}else{
toast("网络错误!");
$api.addCls($api.dom(".ajaxLoader"), "uhide");
}
})
}
function ondzpl(id){
var isLike = 0;
var src= $api.attr($api.dom("#databox_"+id+" .titlebox .like img"),"src");
if(src=="../image/likeed.png"){
isLike = 1;
}
if(isLike == 1){
$api.attr($api.dom("#databox_"+id+" .titlebox .like img"),"src","../image/like.png");
$api.removeCls($api.dom("#databox_"+id+" .titlebox .like"),"likeed");
}else{
$api.attr($api.dom("#databox_"+id+" .titlebox .like img"),"src","../image/likeed.png");
$api.addCls($api.dom("#databox_"+id+" .titlebox .like"),"likeed");
}
api.ajax({
url : apiurl+"/apiajax.ashx?action=dzvideo&userId="+userId+ "&LoginId="+LoginId + "&id=" + id + "&t=" + isLike,
method : 'GET',
dataType : 'json'},
function(data, status) {
if(data){
if(data.status==1){
$api.html($api.dom("#databox_"+id+" .titlebox .like span"),data.dznum);
}else{
toast(data.msg);
}
}else{
toast('网络异常,请稍后重试');
}
})
}
function onretract(id){
$api.html($api.dom("#databox_"+id+" .replybox .replylist"),"");
$api.removeCls($api.dom("#databox_"+id+" .replybox .expandbox"),"uhide");
$api.addCls($api.dom("#databox_"+id+" .replybox .expandbox0"),"uhide");
$api.addCls($api.dom("#databox_"+id+" .replybox .retractbox"),"uhide");
$api.addCls($api.dom("#databox_"+id+" .replybox .replylist"),"uhide");
}
function onfull(){
$api.css($api.dom("#commnheader"),"padding-top:22px");
$api.css($api.dom("#nav-left img"),"display:block");
$api.css($api.dom("#nav-right img.full"),"display:none");
$api.css($api.dom("#nav-right img.close"),"display:none");
$api.css($api.dom(".video_common"),"height:"+(api.frameHeight-120)+"px");
api.setStatusBarStyle({
style: 'dark'
});
}
function closecommon(){
$api.css($api.dom("#commnheader"),"padding-top:0");
$api.css($api.dom("#nav-left img"),"display:none");
$api.css($api.dom("#nav-right img.full"),"display:block");
$api.css($api.dom("#nav-right img.close"),"display:block");
$api.css($api.dom(".video_common"),"height:"+(api.frameHeight-315)+"px");
execScript0("video_content","playvideo()");
closeFrame('video_common');
api.setStatusBarStyle({
style: 'light'
});
}
function stopPropagation(e) {
   if (e.stopPropagation)
     e.stopPropagation();
   else
     e.cancelBubble = true;
}
function takephoto(){
api.getPicture({
sourceType: 'camera',
encodingType: 'png',
mediaValue: 'pic',
destinationType: 'url',
allowEdit: false,
quality: 100,
saveToPhotoAlbum: false
}, function(ret, err) {
if (ret) {
uploadimg(ret.data)
//alert(JSON.stringify(ret));
} else {
alert(JSON.stringify(err));
}
});
}
function choosepic(){
try{
api.getPicture({
sourceType: 'album',
encodingType: 'png',
mediaValue: 'pic',
destinationType: 'url',
allowEdit: false,
quality: 100,
saveToPhotoAlbum: false
}, function(ret, err) {
if (ret) {
uploadimg(ret.data)
} else {
alert(JSON.stringify(err));
}
});
}catch(errr){
alert(errr);
}
}
function uploadimg(img_url) {
api.ajax({
url : apiurl+"/apiajax.ashx",
method: 'post',
contentType : "application/x-www-form-urlencoded; charset=utf-8",
data : {
values:{"action":"uploadImage","userId":userId,"LoginId":LoginId},
files: {
"file1":img_url
}
},
dataType : 'json'
},
function(data, status) {
if(data){
uploading=0;
if (data.status == 1) {
//alert(JSON.stringify(data));
toast('上传成功');
var thumb=data.url[0];
ifkfmsg=0;
onCommitJson(data.url[1],2)
$api.addCls($api.dom(".ajaxLoader"),"uhide");
} else {
toast(data.msg);
}
}else{
toast('上传出错');
}
})
}
function onCommitJson(data,t) {
userId = $api.getStorage("userId");
LoginId=$api.getStorage("LoginId");
if(userId!=null){
api.ajax({
url : apiurl+"/apiajax.ashx",
method:'post',
dataType : 'json',
data:{values: {
action:"plvideo",
userId:userId,
LoginId:LoginId,
id:videoid,
aid:replyid,
aid0:replyid0,
t:t,
body:escape(data)
}
}
},
function(data2, status) {
if(data2){
if(data2.status==1){
execScript1("video","video_content", "setCommonCount("+data2.plnum+")");
rdata(1);
replyid=0;
replyid0=0;
UIChatBox.setPlaceholder({
placeholder: "输入评论内容"
});
UIChatBox.closeKeyboard();
}else{
toast(data2.msg);
}
}else {
toast("网络错误!");
}
})
}else{
onlink("/");
}
}
</script>
</html>