검색결과 리스트
JQuery에 해당되는 글 7건
- 2011/01/14 jquery 1.4.2 버전 json 변경 사항
- 2010/08/24 jQuery find와 filter의 차이
- 2010/06/25 jQuery Cookbook 구입 (2)
- 2010/04/13 JQuery Ajax 호출시 한글 깨짐 현상
- 2010/04/07 iframe 과 JQuery
- 2010/04/07 JQuery 에서 Ajax 호출시 Cache 문제
- 2009/05/15 JQuery 기본 설정 하기
글
jquery 1.4.2 이전버전에서는 $.ajax 를 이용하여 data를 json 형식으로 받을 때,
{ 'key':value } {key;value} {"key":value}
어떠한 형식을 써도 되었지만.
1.4.2 버전으로 업을 한 이후에는
{"key":value} 이런 형식이 아닌 다른 형식으로 data를 가지고 온다면 json 파싱 에러가 발생을 하게 된다.
겉으로는 에러가 나지 않고, javascript가 반응이 없는 것 처럼 보일지 모르나, json 파싱에러가 나서 javascript가 더이상의 반응이 없는 것이다.
설정
트랙백
댓글
글
jQuery 에서 filter와 find의 차이점은
.find()는 혀재 집합의 자식들에 대해 선택하거나 동작하는 반면 .filter()는 오진 현재 요소 집합에 대해 동작한다. 선택된 요소의 자식들을 다시 한번 골라내기 위해서 현재 래퍼 집합을 컨텍스트로서 사용하여 요소 집합을 변경하려 한다면 .find()를 사용하면 된다. 하지만, 단지 현재의 래퍼 집합을 필터링한 뒤 그 집합 안에 남아있는 DOM 요소들의 새로운 집합을 얻고자 한다면 .filter()를 사용해야 한다.
<html>
<head>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
</head>
<body>
<div style="background-color:#87A3D6">
<p>jquery의 <em>find</em>와 <em>filter</em>의 차이점</p>
</div>
</body>
<script type="text/javascript">
alert("div 내에 p 태그의 length(filter 이용) : " + $("div").filter("p").length);
alert("div 내에 em 태그의 length(filter 이용) : " + $("div").filter("em").length);
alert("div 내에 p 태그의 length(find 이용) : " + $("div").find("p").length);
alert("div 내에 em 태그의 length(find 이용) : " + $("div").find("em").length);
</script>
</html>
이것을 실행하면 첫번째와 두번째는 length가 0이 나오고
그다음의 alert창은 1과 2를 보여준다.
설정
트랙백
댓글
글
난 예전에 예약구입을 하였고, 오늘 받았다.
지금 구입을 하면 바로 받을 수가 있으며, 30일까지 예약구입한 가격과 동일한 가격에 책 구입이 가능하다.
구입 방법은
1. 인터파크 도서 회원은 아래의 링크에 들어가서, 인터파크 도서 계정으로 로그인을 하면 할인쿠폰이 발급됩니다. - "실전 JQUERY 쿡북" 쿠폰 발급 링크 http://book.interpark.com/coupon/CouponFntMgt.do?_method=popup&sc.couponNo=210442 - 위 링크를 클릭하고 로그인하면 쿠폰은 자동 발급됩니다. ( 4,800원 할인쿠폰) - 이 쿠폰은 각각 해당 도서 구매시에만 사용가능하며, 사용기간은 6월 25일까지 입니다. 2. 인터파크 도서 검색창에서 각각 "실전 JQUERY 쿡북" 검색 또는 아래 링크를 클릭하시고, "결재과정"을 진행하면 쿠폰을 사용할 수 있습니다. - "실전 JQUERY 쿡북" 도서 구매 링크 http://book.interpark.com/product/BookDisplay.do?_method=Detail&sc.shopNo=0000400000&dispNo=&sc.prdNo=204892367
P.S : jQuery 공부 열심히 해야겠다아~!~!
설정
트랙백
댓글
글
웹 페이지가 UTF-8로 셋팅이 되어 있으면 한글을 Ajax로 전송해도 깨지지 않지만,
웹 페이지가 EUC-KR 과 같은 형식으로 셋팅이 되어 있으면,
한글을 Ajax로 값을 넘길때, 한글이 깨져서 전송이 된다.
그럴 경우 간단히 해결하는 방법은
한글 데이터를 escape 함수로 인코딩하여 값을 넘긴다음
받은 곳에서.
인코딩 된 값을 디코딩 하여 저장하면 간단히 해결이 된다.
웹 페이지가 EUC-KR 과 같은 형식으로 셋팅이 되어 있으면,
한글을 Ajax로 값을 넘길때, 한글이 깨져서 전송이 된다.
그럴 경우 간단히 해결하는 방법은
한글 데이터를 escape 함수로 인코딩하여 값을 넘긴다음
받은 곳에서.
인코딩 된 값을 디코딩 하여 저장하면 간단히 해결이 된다.
설정
트랙백
댓글
글
1. 부모 페이지에서 iframe 내부 DOM 셀렉터를 이용하여 엑세스 하기
- 부모페이지(parent.html)
<html>
<head>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#btn_ChangeBackground").bind("click", function () {
$("#iframe").contents().find("#div_child").css("background-color","#ffff00");
});
});
</script>
</head>
<body>
<input id="btn_ChangeBackground" type="button" value=" Iframe 내부 배경 색상 변경" />
<iframe id="iframe" src="child.html" width="500" height="500"></iframe>
</body>
</html>
- 자식 페이지(child.html)
<html>
<head>
</head>
<body>
<div id="div_child" style="width:50px; height:30px">
iframe 내부
</div>
</body>
</html>
2. 자식 페이지에서 부포 페이지에 엑세스 하기
- 부모페이지(parent.html)
<html>
<head>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#btn_ChangeBackground").bind("click", function () {
$("#iframe").contents().find("#div_child").css("background-color","#ffff00");
});
});
</script>
</head>
<body>
<input id="btn_ChangeBackground" type="button" value=" Iframe 내부 배경 색상 변경" />
<iframe id="iframe" src="child.html" width="500" height="500"></iframe>
</body>
</html>
- 자식 페이지(child.html)
<html>
<head>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready( function() {
$("#btn_ParentAccess").bind("click", function() {
$(top.document).find("body").append("<div id=\"div_unable\" style=\"position:absolute;display:block;top:0px;left:0px;background-color:#ffffff;opacity:0.4;filter:alpha(opacity=40);width:100%;height:100%\"></div>");
});
});
</script>
</head>
<body>
<input id="btn_ParentAccess" type="button" value=" 부모 페이지 " />
</body>
</html>
설정
트랙백
댓글
글
JQuery 에서 Ajax로 페이지를 요청하고 그 페이지를 받아서 보여주는 경우에
가끔씩 캐싱처리가 되어, 새로 업데이트 된 내용이 나오지 않는 경우가 생긴다.
이럴 경우, Ajax를 호출 하기 전에
$.ajaxSetup({cache:false});
이 코드를 삽입하여 Ajax 호출 시 cache 처리를 하는 것을 막아야 한다.
이것을 이용하게 되면 Ajax 로 요청 하는 페이지 URL 뒷 부분에 랜덤으로 값이 붙여
Cache 처리를 막는다.
가령
CommentArea.aspx 페이지를 Ajax로 요청을 하게 되면
실제적으로는
CommentArea.aspx?_=1270616257167 - 1번째
CommentArea.aspx?_=1270616273776 - 2번째
이렇게 호출을 한다.
설정
트랙백
댓글
글
JQuery 기본적인 설정
ASP.NET에서 동적인 페이지에서 JQuery 사용하기
Base.Master 페이지의 head 부분
이 마스터 페이지를 사용하는 여러 .aspx 페이지
테스트 환경
Tool : Visual Studio 2005
운영체제 : Windows XP SP3
<script type="text/javascript" src="Library/jquery-1.3.2.js" ></script>
<script type="text/javascript">
$(document).ready( function(){
});
</script>
<script type="text/javascript">
$(document).ready( function(){
});
</script>
ASP.NET에서 동적인 페이지에서 JQuery 사용하기
Base.Master 페이지의 head 부분
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
이 마스터 페이지를 사용하는 여러 .aspx 페이지
<script src='<%=ResolveUrl("~/Library/jquery-1.3.2.js" ) %>' type="text/javascript"></script>
<script type="text/javascript">
$(document).ready( function(){
.....
});
</script>
<script type="text/javascript">
$(document).ready( function(){
.....
});
</script>
테스트 환경
Tool : Visual Studio 2005
운영체제 : Windows XP SP3
RECENT COMMENT