/** * screenshothover.js * each file using screenshots must include this file */ /* hover */ $(document).on('mouseenter','.shot .shot-image',function(){ $(this).addClass('shot-image-hover'); $(this).find('.cover').addClass('cover-hover'); $(this).find('.actions').fadeIn(500).addClass('actions-hover'); }); $(document).on('mouseleave','.shot .shot-image',function(){ $(this).removeClass('shot-image-hover'); $(this).find('.cover').removeClass('cover-hover'); $(this).find('.actions').fadeOut(500).removeClass('actions-hover'); }); /* like */ $(document).on('click','.actions',function(){ if(!$.isEmptyObject(currentUserInfo)){ $(this).find('.iconfont').toggleClass('is-hidden'); } }); function like(e,id){ if($.isEmptyObject(currentUserInfo)){ alert("请先登录"); }else{ var id = $(e).attr("id"); $.ajax( { url:'/screenshots/likescreenshot', data:{ screenshot_id : id }, type:'post', dataType:'json', success:function(data) { //alert("操作成功!"); e.setAttribute("onclick", "unlike(this,"+id+")"); if($(e).find('.unlike').hasClass('is-hidden')){ $(e).find('.iconfont').toggleClass('is-hidden'); } }, error : function() { //alert("操作失败!"); if($(e).find('.like').hasClass('is-hidden')){ $(e).find('.iconfont').toggleClass('is-hidden'); } e.setAttribute("onclick", "like(this,"+id+")"); if($(e).find('.liked').hasClass('is-hidden')){ $(e).find('.iconfont').toggleClass('is-hidden'); } } }); } } function unlike(e,id){ if($.isEmptyObject(currentUserInfo)){ alert("请先登录"); }else{ var id = $(e).attr("id"); $.ajax( { url:'/screenshots/dislikescreenshot', data:{ screenshot_id : id }, type:'post', dataType:'json', success:function(data) { //alert("操作成功!"); e.setAttribute("onclick", "like(this,"+id+")"); if($(e).find('.liked').hasClass('is-hidden')){ $(e).find('.iconfont').toggleClass('is-hidden'); } }, error : function() { //alert("操作失败!"); if($(e).find('.unlike').hasClass('is-hidden')){ $(e).find('.iconfont').toggleClass('is-hidden'); } e.setAttribute("onclick", "unlike(this,"+id+")"); } }); } } function detaillike(e,id){ if($.isEmptyObject(currentUserInfo)){ alert("请先登录"); }else{ var s = e.getElementsByTagName('span')[0].innerHTML; e.getElementsByTagName('span')[0].innerHTML = parseInt(s)+1; e.getElementsByTagName('i')[0].innerHTML = ""; e.onclick=function(){}; var id = $(e).attr("id"); $.ajax( { url:'/screenshots/likescreenshot', data:{ screenshot_id : id }, type:'post', dataType:'json', success:function(data) { //alert("操作成功!"); e.setAttribute("onclick", "detailunlike(this,"+id+")"); e.getElementsByTagName('i')[0].innerHTML = ""; }, error : function() { //alert("操作失败!"); e.setAttribute("onclick", "detaillike(this,"+id+")"); e.getElementsByTagName('i')[0].innerHTML = ""; e.getElementsByTagName('span')[0].innerHTML = parseInt(s)-2; } }); } } function detailunlike(e,id){ if($.isEmptyObject(currentUserInfo)){ alert("请先登录"); }else{ var s = e.getElementsByTagName('span')[0].innerHTML; e.getElementsByTagName('span')[0].innerHTML = parseInt(s)-1; e.getElementsByTagName('i')[0].innerHTML = ""; e.onclick=function(){}; var id = $(e).attr("id"); $.ajax( { url:'/screenshots/dislikescreenshot', data:{ screenshot_id : id }, type:'post', dataType:'json', success:function(data) { //alert("操作成功!"); e.setAttribute("onclick", "detaillike(this,"+id+")"); e.getElementsByTagName('i')[0].innerHTML = ""; }, error : function() { //alert("操作失败!"); e.setAttribute("onclick", "detailunlike(this,"+id+")"); e.getElementsByTagName('i')[0].innerHTML = ""; e.getElementsByTagName('span')[0].innerHTML = parseInt(s)+2; } }); } } function cleanMarksStyle(){/* 清除截图下面每行标签的最后一个, */ var list = document.getElementsByName('screenshot-mark-container'); for(var k=0;k0){ var lastSpan = tempList[tempList.length-1]; lastSpan.parentNode.removeChild(lastSpan); } } }