본문 바로가기

개발/jQuery17

jQuery를 이용한 이미지 크기 줄이기 양 변 모두 크기 제한에 걸리는 모드만 테스트 해 보고 나머지는 걍 테스트 안해봤습니다. 급하게 뭔가를 만드는 중이어서 .... 되겠죠 뭐~ 허헛... 안되면 수정 좀 하시면 될 거라 생각합니다. 오류가 있다면 댓글 달아주세요~ 보시면 아시다시피... ul > li > a.thumb > img 태그에 적용되도록 했습니다. $("ul li a.thumb img").each(function() { // 모드가 0이면 두 변 중 더 긴 변의 길이가 제한에 걸리도록 합니다. // 모드가 1이면 가로 길이가 제한에 걸리도록 합니다. // 모드가 2이면 세로 길이가 제한에 걸리도록 합니다. var mode = 0; var restrict_length = 75; // 이미지를 가져옵니다. var img = new I.. 2010. 8. 12.
JSONP ???? JSON은 다들 아시리라 생각하는 상태에서 이야기를 풀어나가도록 하겠습니다. 혹시 모르는 분들을 위한 Wiki 링크! 장점 많은 JSON의 문제가 있었으니, 다른 도메인으로는 자료를 못 보낸다는 것.... 근데 써 보니까, IE에서는 되더군요 FF에서만 다른 도메인으로 못 보내더라구요~ (다른 브라우저는 안해봤어요) JSONP는 다른 도메인으로 JSON 데이터를 보내기 위한 방법이라고 합니다! 여튼 그래서 FF를 위해서 JSONP를 써 보기로 했습니다. 마침 jQuery 1.2 이상 버전 부터 JSONP를 지원한다고 하길래~ 아싸! 라고 했습니다 ㅋ 자료를 송신해 주는 쪽과 수신해 주는 쪽 모두 코드 수정이 필요하구요~ JSONP를 이용한 통신으로 변경한 경우에는, JSON 방식으로는 수신이 불가능 합니.. 2010. 8. 3.
DOM 객체와 jQuery 객체... DOM 객체와 jQuery 객체를 잘 구분해야 하는 것 같습니다. 일단 jQuery에서는 두 객체를 잘 구분해야 할 필요가 있는 것 같습니다. 오늘 작업을 하다가 두가지 문제를 만났습니다. 첫번째!! children().get(0) 으로 객체를 불러와서 next()를 했는데... 자꾸 오류가 납니다... 어라??? 봤더니... jQuery 객체를 가져오려면 get()이 아니라 eq()를 써야 하는군요.. 두번째!! jQuery 객체끼리 객체 비교를 해 봤습니다. var obj = children().eq(0); if(obj == children().eq(0)) 이렇게 하면.... 어라? 같은 객체라고 안나옵니다 -_-; 이럴 땐 DOM 객체로 비교해 주어야 합니다. var obj = children()... 2010. 7. 20.
checkbox 만들 때 checked 속성이 적용 안되는 문제!! 체크박스를 만들어 보려고 합니다. $('').attr('type','checkbox'); 이렇게 만들었더니... 잘 만들어 집니다. 어??? 기본적으로 체크된 상태였으면 좋겠습니다. $('').attr('type','checkbox').attr('checked','checked'); 어라??? 체크된 상태로 안나옵니다. 이럴 땐!!! $('').attr('checked','checked'); 오호~ 이렇게 하니까 되는군요~ 이거 혹시 jQuery의 버그는 아닐까 생각해 봅니다만... 일단 급한대로 되긴 하네요~ 2010. 7. 12.