미디어위키:Vector.js - 편집 역사

Hiblue: 문서를 비움

2018-05-06T05:26:15Z

문서를 비움

2018년 5월 6일 (일) 05:20에 Hiblue님의 편집

2018-05-06T05:20:13Z

2018년 5월 6일 (일) 05:18에 Hiblue님의 편집

2018-05-06T05:18:16Z

2018년 5월 6일 (일) 05:18에 Hiblue님의 편집

2018-05-06T05:18:08Z

Hiblue: 새 문서: /* 이 자바스크립트 설정은 벡터 스킨을 사용하는 사용자에게 적용됩니다 */ $(document).ready(function(){ $(".tableA thead td").click(function(){...

2018-05-06T05:17:12Z

새 문서: ‎이 자바스크립트 설정은 벡터 스킨을 사용하는 사용자에게 적용됩니다: $(document).ready(function(){ $(".tableA thead td").click(function(){...

새 문서

/* 이 자바스크립트 설정은 벡터 스킨을 사용하는 사용자에게 적용됩니다 */
$(document).ready(function(){

$(".tableA thead td").click(function(){
showFilterOption(this);
});

});

var arrayMap = {};

function showFilterOption(tdObject){
var filterGrid = $(tdObject).find(".filter");

if (filterGrid.is(":visible")){
filterGrid.hide();
return;
}

$(".filter").hide();

var index = 0;
filterGrid.empty();
var allSelected = true;
filterGrid.append('<div><input id="all" type="checkbox" checked>Select All</div>');

var $rows = $(tdObject).parents("table").find("tbody tr");

$rows.each(function(ind, ele){
var currentTd = $(ele).children()[$(tdObject).attr("index")];
var div = document.createElement("div");
div.classList.add("grid-item")
var str = $(ele).is(":visible") ? 'checked' : '';
if ($(ele).is(":hidden")){
allSelected = false;
}
div.innerHTML = '<input type="checkbox" '+str+' >'+currentTd.innerHTML;
filterGrid.append(div);
arrayMap[index] = ele;
index++;
});

if (!allSelected){
filterGrid.find("#all").removeAttr("checked");
}

filterGrid.append('<div><input id="close" type="button" value="Close"/><input id="ok" type="button" value="Ok"/></div>');
filterGrid.show();

var $closeBtn = filterGrid.find("#close");
var $okBtn = filterGrid.find("#ok");
var $checkElems = filterGrid.find("input[type='checkbox']");
var $gridItems = filterGrid.find(".grid-item");
var $all = filterGrid.find("#all");

$closeBtn.click(function(){
filterGrid.hide();
return false;
});

$okBtn.click(function(){
filterGrid.find(".grid-item").each(function(ind,ele){
if ($(ele).find("input").is(":checked")){
$(arrayMap[ind]).show();
}else{
$(arrayMap[ind]).hide();
}
});
filterGrid.hide();
return false;
});

$checkElems.click(function(event){
event.stopPropagation();
});

$gridItems.click(function(event){
var chk = $(this).find("input[type='checkbox']");
$(chk).prop("checked",!$(chk).is(":checked"));
});

$all.change(function(){
var chked = $(this).is(":checked");
filterGrid.find(".grid-item [type='checkbox']").prop("checked",chked);
})

filterGrid.click(function(event){
event.stopPropagation();
});

return filterGrid;
}

← 이전 판		2018년 5월 6일 (일) 05:26 판
1번째 줄:		1번째 줄:
−	~~/* 이 자바스크립트 설정은 벡터 스킨을 사용하는 사용자에게 적용됩니다 */~~
−	~~$(document).ready(function(){~~
−
−	~~$(".tableA th td").click(function(){~~
−	~~showFilterOption(this);~~
−	~~});~~
−
−	~~});~~

−	~~var arrayMap = {};~~
−
−	~~function showFilterOption(tdObject){~~
−	~~var filterGrid = $(tdObject).find(".filter");~~
−
−	~~if (filterGrid.is(":visible")){~~
−	~~filterGrid.hide();~~
−	~~return;~~
−	}
−
−	~~$(".filterA").hide();~~
−
−	~~var index = 0;~~
−	~~filterGrid.empty();~~
−	~~var allSelected = true;~~
−	~~filterGrid.append('<div><input id="all" type="checkbox" checked>Select All</div>');~~
−
−	~~var $rows = $(tdObject).parents("table").find("tbody tr");~~
−
−
−	~~$rows.each(function(ind, ele){~~
−	~~var currentTd = $(ele).children()[$(tdObject).attr("index")];~~
−	~~var div = document.createElement("div");~~
−	~~div.classList.add("grid-item")~~
−	~~var str = $(ele).is(":visible") ? 'checked' : '';~~
−	~~if ($(ele).is(":hidden")){~~
−	~~allSelected = false;~~
−	}
−	~~div.innerHTML = '<input type="checkbox" '+str+' >'+currentTd.innerHTML;~~
−	~~filterGrid.append(div);~~
−	~~arrayMap[index] = ele;~~
−	~~index++;~~
−	~~});~~
−
−	~~if (!allSelected){~~
−	~~filterGrid.find("#all").removeAttr("checked");~~
−	}
−
−	~~filterGrid.append('<div><input id="close" type="button" value="Close"/><input id="ok" type="button" value="Ok"/></div>');~~
−	~~filterGrid.show();~~
−
−	~~var $closeBtn = filterGrid.find("#close");~~
−	~~var $okBtn = filterGrid.find("#ok");~~
−	~~var $checkElems = filterGrid.find("input[type='checkbox']");~~
−	~~var $gridItems = filterGrid.find(".grid-item");~~
−	~~var $all = filterGrid.find("#all");~~
−
−	~~$closeBtn.click(function(){~~
−	~~filterGrid.hide();~~
−	~~return false;~~
−	~~});~~
−
−	~~$okBtn.click(function(){~~
−	~~filterGrid.find(".grid-item").each(function(ind,ele){~~
−	~~if ($(ele).find("input").is(":checked")){~~
−	~~$(arrayMap[ind]).show();~~
−	~~}else{~~
−	~~$(arrayMap[ind]).hide();~~
−	}
−	~~});~~
−	~~filterGrid.hide();~~
−	~~return false;~~
−	~~});~~
−
−	~~$checkElems.click(function(event){~~
−	~~event.stopPropagation();~~
−	~~});~~
−
−	~~$gridItems.click(function(event){~~
−	~~var chk = $(this).find("input[type='checkbox']");~~
−	~~$(chk).prop("checked",!$(chk).is(":checked"));~~
−	~~});~~
−
−	~~$all.change(function(){~~
−	~~var chked = $(this).is(":checked");~~
−	~~filterGrid.find(".grid-item [type='checkbox']").prop("checked",chked);~~
−	})
−
−	~~filterGrid.click(function(event){~~
−	~~event.stopPropagation();~~
−	~~});~~
−
−	~~return filterGrid;~~
−	}

@@ 2번째 줄: / 2번째 줄: @@
 $(document).ready(function(){
-     $(".tableA thtd").click(function(){
+     $(".tableA th td").click(function(){
        showFilterOption(this);
      });

@@ 18번째 줄: / 18번째 줄: @@
+   }
-   $(".filter").hide();
+   $(".filterA").hide();
    var index = 0;