<pre name="code" class="html"><script type="text/javascript">
/** 添加歌曲 */
function addSong(){
var id=$("#_activity_id").val();
window.location.href = "${pageContext.request.contextPath}/html5/song_search.action?activityId="+id;
}
/** 删除歌曲 */
function deleteSong(activityId, songId){
$.ajax({
type: "POST",
url: "${pageContext.request.contextPath}/html5/getActivityStats.action",
dataType: "json",
cache: false,
data: "activityId="+activityId,
success: function(returnData){
if(returnData.status=="0"){
alert("活动进行中");
}else{
window.location.href = "song_delete.action?activityId="+activityId+"&songId="+songId;
}
},
error:function(XMLHttpRequest, textStatus, errorThrown){
alert("发生异常");
}
});
}
/***保存详情**/
function saveDetails(){
//唱币数
var divs=$("#_coinProvide").children("div")//取下面所有div
//console.log(divs);
if(divs.length<=0){
alert("请添加发放唱币");
return;
}
var provides=new Array();
//查找所有div块
for(var i=0;i<divs.length;i++)
{
var divId= divs[i].id;
var inputs= $("#"+divId).find("input");
var activityCoinProvide=new Object();
//查找div下的所有 input
for(var j=0;j<inputs.length;j++)
{
var name=inputs[j].name;
var id=inputs[j].id;
if(name=="coinProvidesta")
{
var v_sta=$("#"+id).val();
if(v_sta==""||isNaN(v_sta))
{
alert("请填写有效起始名次")
return;
//obj.coinProvidesta=0;
}
activityCoinProvide.rankstart=v_sta;
}else if(name=="coinProvideend")
{
var v_end=$("#"+id).val();
if(isNaN(v_end)){
alert("请填写有效结束名次")
return;
}
if(v_end=="")
{
activityCoinProvide.rankend=0;
}else{
activityCoinProvide.rankend=v_end;
}
}else if(name=="coinNum")
{
var v_num=$("#"+id).val();
if(v_num==""||isNaN(v_num))
{
alert("请填写有效唱币数");
return ;
}
activityCoinProvide.coinnum=v_num;
}
}
//查到需要的input值加入
console.log(activityCoinProvide);
if(activityCoinProvide!=""&&activityCoinProvide!=null)
{
provides[i]=activityCoinProvide;
}
}
//console.log(provides);
//return;
var activityId= $("input[name='activityId']").val()
if(activityId==""){
alert("没有活动id");
return ;
}
var title= $("input[name='title']").val()
if(title==""){
alert("请填写标题");
return ;
}
var shareContext= $("input[name='shareContext']").val()
// if(shareContext==""){
// alert("请填写分享文案");
// return ;
// }
var iconText= $("input[name='iconText']").val()
if(iconText==""){
alert("请填写icon文字");
return;
}
var rule = $('input[name="rule"]:checked').val();
if(rule==""){
alert("评选规则为空");
return ;
}
var about= $("textarea[name='about']").val()
if(about==""){
alert("请填写简介");
return ;
}
//document.write(encodeURIComponent(about));
about=encodeURIComponent(about);
//alert(about);
var claim= $("textarea[name='claim']").val()
if(claim==""){
alert("请填写要求");
return ;
}
var showTime= $("input[name='showTime']").val()
if(showTime==""){
alert("请填写显示APP主页时间");
return ;
}
var endShowTime= $("input[name='endShowTime']").val()
if(endShowTime==""){
alert("请填写不显示APP主页时间");
return ;
}
var other= $("textarea[name='other']").val()
// if(other==""){
// alert("请填写其它");
// return ;
// }
var flowerNum= $("#flower_num").val()
if(flowerNum==""||isNaN(flowerNum))
{
alert("请填写每天作品有效鲜花数值!");
return ;
}
//var providesData=JSON.stringify(provides);
//alert(providesData)
var data="activityId="+activityId;
data+="&title="+title;
data+="&iconText="+iconText;
data+="&rule="+rule;
data+="&about="+about;
data+="&claim="+claim;
data+="&other="+other;
data+="&shareContext="+shareContext;
data+="&showTime="+showTime;
data+="&endShowTime="+endShowTime;
data+="&flowerNum="+flowerNum;
// data+="&provides="+provides;
//唱币
for(var i=0;i<provides.length;i++)
{
var provideJson=JSON.stringify(provides[i]);
data+="&providesReq="+provideJson;
}
//alert(JSON.stringify(data))
//图片处理----------------------------------------------------------------------------------------
var imgurl="";
//取新增的图片
var obj = $("input[name='imgUrl_input']");
for(var i=0;i<obj.length;i++)
{
if(obj[i].value!=""&&obj[i].value != "undefined" ){
var url=obj[i].value;
// url= url.substring (parseInt(url.lastIndexOf("/"))+1,url.length);
//imgurl+=("&"+url);
data+=("&url="+url);
}
}
// alert(imgurl);
//取修改的图片
var updateImgUrl="";
var updaet_img = $("input[name='update_img_imgUrl0']");
for(var i=0;i<updaet_img.length;i++)
{
//console.log(updaet_img[i]);
if(updaet_img[i].value!=""&&updaet_img[i].getAttribute("urlstr")!="" && typeof(updaet_img[i].getAttribute("urlstr")) != "undefined"){
var url=updaet_img[i].getAttribute("urlstr");
// url= url.substring (parseInt(url.lastIndexOf("/"))+1,url.length);
updateImgUrl=updaet_img[i].value+"-"+url;
data+=("&updateUrl="+updateImgUrl);
}
}
// data+="&prize.url=aaaa&prize.url=bbbb";
// data+="&url=aaaa&url=bbbb";
// data+="&updateUrl=aaaa&updateUrl=bbbb";
console.log(data);
sendAjax("${pageContext.request.contextPath}/html5/saveDateils.action",data);
}
function sendAjax(url,data){
//alert(data);
$.ajax({
type: "POST",
url: url,
dataType: "json",
cache: false,
data: data,
success: function(returnData){
alert(returnData.mess);
},
error:function(XMLHttpRequest, textStatus, errorThrown){
alert("发生异常");
}
});
}
/**
* 图片上传
*/
function uploadImages(type, fieldName, tdId,update_img_imgUrl0) {
$.ajaxFileUpload({
type:"POST",
//跟具updateP得到不同的上传文本的ID
url:'uploadImg.action?uploadId='+type, //需要链接到服务器地址
secureuri:false,
fileElementId:type, //文件选择框的id属性(必须)
dataType: 'json',
success: function (data, status){
var filePath = data.filePath;
if(filePath.indexOf("too_large")>=0) {
alert("上传文件太大!");
} else if(filePath.indexOf("error")>=0) {
alert("上传出错!");
} else {
$("#"+fieldName).val(filePath);
$("#"+tdId+"_img").attr("src","http://s3.kgimg.com/v2"+filePath);
$("#"+update_img_imgUrl0).attr("urlstr",filePath);
// $("#"+tdId+"_img").remove();
// $("#"+tdId).prepend('<img id="'+tdId+'_img" src="http://s3.kgimg.com/v2'+filePath+'" width="50px" height="50px"/>');
}
},
error: function(data, status, e){
var status = String(status);
if(status == 'error') {
getologin();
}
}
});
}
/***添加标签***/
function addGiftInput(){
var nameN=$("#_inputGenSize").val();
var nameN=parseInt(nameN)+1;
var html='<div id="imgGift0'+nameN;
html += '"> <img id="imgGift0'+nameN;
html +='_img" src="" width="50px" height="50px"/>';
html +='<input type="hidden" name="imgUrl_input';
html +='" id="imgUrl0'+nameN;
html +='" value="" />';
html += '<input type="file" id="imgUrl_file_0'+nameN;
html += '" name="imgUrl_file_0'+nameN;
html +='"/>';
html +='<input type="button" value="上传图片" class="btn control" onClick="uploadImages(\'imgUrl_file_0'+nameN;
html +='\',\'imgUrl0'+nameN;
html +='\',\'imgGift0'+nameN;
html +='\')"/> <input type="button" value="删除" class="btn control" onClick="delImagesInput(\'imgGift0'+nameN+'\')"/> </div>';
$("#_add_gift_td").prepend(html);
$("#_inputGenSize").val(nameN);
}
/**
* 添加比赛自动发唱币输入input
**/
function addPrizesInput(i){
var nameN=$("#_provideInputGenSize").val();
var nameN=parseInt(nameN)+1;
var html='<div id="_providediv_'+nameN;
html+='"> 名次:第 <input type="text" style="width:30px" name="coinProvidesta" id="_providesta_'+nameN;
html+='"> 名 至 第 <input type="text" style="width:30px" name="coinProvideend" id="_provideend_'+nameN;
html+= '"> 名 唱币数 : <input type="text" style="width:50px" name="coinNum" id="_provideNum_'+nameN;
html+= '"> <input type="button" value="删除" οnclick="delPrizesInput('+nameN+')">';
html+= '</div>'
//prepend prepend append
$("#_coinProvide").append(html);
$("#_provideInputGenSize").val(nameN);
}
/**
* 删除
**/
function delPrizesInput(id){
// log.console(id);
$("#_providediv_"+id).remove();
}
/***delImagesInput删除标签****/
function delImagesInput(id){
var idj="#"+id;
//alert(idj);
$(idj).remove();
}
/***删除图片****/
function delImages(id,divId){
//var activityId=$("#_activity_id").val();
var data="id="+id;
$.ajax({
type: "POST",
url: "${pageContext.request.contextPath}/html5/delete_gift.action",
dataType: "json",
cache: false,
data: data,
success: function(returnData){
alert(returnData.mess);
if(returnData.mess=="success"){
$("#"+divId).remove();
}
},
error:function(XMLHttpRequest, textStatus, errorThrown){
alert("发生异常");
}
});
}
/****
* 更新顺序
*/
function updateSequence(){
var sequNames=$("input[name='sequenceInput']");
var songs=new Array();
for(var i=0;i<sequNames.length;i++){
var activitySong=new Object();
//console.log(sequNames[i]);
var sequid=sequNames[i].getAttribute("sequid");
var sequ=sequNames[i].value;
activitySong.id=sequid;
activitySong.sequence=sequ;
songs[i]=activitySong;
}
var jsonData=JSON.stringify(songs);
// var objx = eval('(' + jsonData + ')');
// alert(jsonData);
var activityIdx=$("#_activity_id").val();
$.ajax({
type: "POST",
url: "${pageContext.request.contextPath}/html5/update_song_seq.action",
dataType: "json",
// contentType: "application/json",
cache: false,
data: "Songs="+jsonData+"&activityId="+activityIdx,
success: function(returnData){
alert(returnData.mess);
if(returnData.mess=="success"){
}
},
error:function(XMLHttpRequest, textStatus, errorThrown){
alert("发生异常");
}
});
}
</script>
<tr>
<td> 奖品:</td>
<td id="_add_gift_td">
<c:forEach items="${detail.prize}" var="prizeObj" varStatus="vst" >
<div id="imgGift0${vst.count}">
<img id="imgGift0${vst.count}_img" src="http://s3.kgimg.com/v2/sing_img/${prizeObj.url}" width="50px" height="50px"/>
<!-- 用于更新 -->
<input id="update_img_imgUrl0${vst.count}" name="update_img_imgUrl0" clz="fff" value="${prizeObj.id}" urlstr="" type="hidden"/>
<input type="hidden" name="imgUrl0${vst.count}" id="imgUrl0${vst.count}" value="${prizeObj.url}" />
<input type="file" id="imgUrl_file_0${vst.count}" name="imgUrl_file_0${vst.count}"/>
<input type="button" value="上传图片" class="btn control"
onClick="uploadImages('imgUrl_file_0${vst.count}','imgUrl0${vst.count}','imgGift0${vst.count}','update_img_imgUrl0${vst.count}')"/>
<input type="button" value="删除礼物" class="btn control" onClick="delImages(${prizeObj.id},'imgGift0'+${vst.count})"/>
</div>
</c:forEach>
<input type="hidden" value="${fn:length(detail.prize)}" id="_inputGenSize">
<input type="button" value="新增礼物" οnclick="addGiftInput()">
</td>
</tr>
====================================================
简单input 增 删除 按扭,产品妺子太会玩了,折磨人。。。。。
<tr>
<td>唱币发放设置:</td>
<td id="_coinProvide" class="coinProvide">
<%-- value="${detail.coinProvide}" --%>
<c:forEach items="${detail.provides}" var="provides" varStatus="vst">
<div id="_providediv_${vst.count}">
名次:第 <input type="text" style="width:30px" name="coinProvidesta" id="_providesta_${vst.count}" value="${provides.rankstart}" > 名 至
第 <input type="text" style="width:30px" name="coinProvideend" id="_provideend_${vst.count}" value="${provides.rankend}"> 名
唱币数 : <input type="text" style="width:50px" name="coinNum" id="_provideNum_${vst.count}" value="${provides.coinnum}">
<input type="button" value="删除" οnclick="delPrizesInput(${vst.count})">
</div>
</c:forEach>
<input type="hidden" value="${fn:length(detail.provides)}" id="_provideInputGenSize">
</td>
</tr>