566 lines
24 KiB
HTML
566 lines
24 KiB
HTML
<!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>
|