웹 & 프레임워크 168

jquery 체크박스 설정과 이용

function button(flag){ //input타입 버튼이거나, button속성이거나 다 찾아버리기 if(flag) { $(":button").addClass("highlight"); }else{ $(":button").removeClass("highlight"); } } //요건 on/off를 자동으로 해주는거임 function toggleButton(){ $(":button").toggleClass("highlight"); } function checkbox(){ //체크된 체크박스줌. console.log($(":checkbox:checked").val()); //몇개 체크됐는지도 알려줌 console.log($(":checkbox:checked").length); }

JSONP를 이용하지 않고 proxy사이트를 우회해 json 이용하는 예제

일단 를 맨앞에 써준다. 이앞에 공백이 하나라도 있게되면 망한다.굳이 띄어쓰고싶으면 trimDirectiveWhiteSpaces="true"로 준다 $(document).ready(function() { $(":button").click(function() { $.get("naver_proxy.jsp",displayRank) .error(function() { console.log("조회 실패"); }); }); }); function displayRank(htmlDoc) { //이런식으로 같은곳의 프록시를 불러온다 $(htmlDoc).find("#realrank>li>a").each(function(index, item) { $("").text($(item).attr("title")).appendTo(..

jQuery 동적으로 추가한 객체에 이벤트 핸들러 부착하기

$(document).on으로 해야한다! //이런식으로 써줘야 붙는다. $(document).on("mouseover","a",function(){ $(this).parent().next().css("display","block"); }).on("mouseleave","a",function() { $(this).parent().next().css("display","none"); }); $("a")~//잘 안붙는다 function display(xmlDoc) { $(xmlDoc).find("item").each(function(index,item) { var wrapper = $("").addClass("item"); var title = $("").addClass("title"); var titleTe..

<비공개> ajax json 예제

{ "status" : true, "totals" : [ ${count} , ] "status" : false; } { "status" : "ok", "totals" : [10,20,30 ]} {"status" :false } 그리고 js는 이렇게 구성한다 function getNewTotals() { $.get("getUpdatedBoardSales-ajax-db.jsp" , updatePage,"json");} function updatePage(jsonObj) { if(!jsonObj.status) { alert("데이터 조회에 실패하였습니다"); return; } var boardsSold = jsonObj.totals[0];var bootsSold = jsonObj.totals[1];var bi..