首次推送
This commit is contained in:
lym
565
Mtxfw.VipSite/mobile/video_common.html
Normal file
565
Mtxfw.VipSite/mobile/video_common.html
Normal file
@@ -0,0 +1,565 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user