죽은 블로그

[jQuery]선택한 영역만 프린트

~~~~ $("#printBtn")은 실제 클릭을 할 버튼 이미지에 걸린 ID다. 가장 아래에 보면 이미지에 id가 걸린 게 보일 것이다. 그리고 그 다음 줄이 printElem이라고 함수 호출을 해 주고. 함수 호출하는 부분에 보면 $("#printArea")라고 된 부분이 있다. 이건 실제 프린트를 할 영역을 잡아 주면 된다. * 참고로 가장 위에 jQuery가 가장 최신 버젼으로 링크되어 있는데 저럴 경우 이 스크립트가 정상적으로 작동하지 않을 수도 있다. 아마도 이거 한참 쓸 때 1.7.1까지였나? 그때까진 괜찮은데 그 이상부터는 오류를 내뿜었던 걸로 기억한다. 그러니 이걸 사용하시는 분들은 jquery-latest.js보단 정확한 릴리즈 버젼을 기입해서 사용하는 게 좋을 듯하다. http://j..

[jQuery]빈 칸 체크하기(trim)

간혹 스페이스바를 입력한 것도 체크해 달라고 하는 업체가 있다. 이런 경우 위에 있는 대로 jQuery에서 제공해 주는 $.trim() 메소드를 사용하면 간단하게 처리가 가능하다.

[jQuery]마우스 오른쪽 버튼 막기

[jQuery]다중 셀렉터

여러 가지를 한꺼번에 선택해야 하는 경우가 간혹 발생한다. TEST TEST TEST 위와 같은 상황에서 TEST라는 텍스트를 모두 bold를 적용해야 하는 경우가 있다. 이런 경우 Javascript로 할 경우 코드가 좀 길어진다. id로 갖고 오고 class로 갖고 오고 tag로 갖고. jQuery의 경우는 한 줄로 모두 선택이 가능하다. 위에서 보는 것처럼 ,(comma)로 구분지어서 선택이 가능하다. 위 예제는 예제일 뿐이니 태클 걸지 말자. 태그 이름으로 해서 갖고 오면 굳이 id, class로 안 갖고 와도 되는 거 다 아니까.

IE에서 innerHTML이 안 먹히는 경우

다른 브라우져에선 안 그러는데 유독 IE에서만 innerHTML을 써서 값을 넣으려고 하면 알 수 없는 런타임 오류라고 뜨는 경우가 있다. 드러운 IE에서는 col, colgroup, frameset, head, html, style, table, tbody, tfoot, thead, title, tr가 읽기 전용 태그라고 한다. 이럴 땐 span 같은 애를 끌어다가 쓰자.

[jQuery]jQuery를 Google이 호스팅 해 주고 있다!!!

http://code.google.com/intl/ko-KR/apis/libraries/devguide.html 이 페이지에서 확인이 가능하다. path: https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.jspath(u): https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.js자신이 원하는 걸 링크하면 된다. 싫으면 뭐 직접 제이꽈리 홈페이지로 가서 다운로드 받은 후 자신의 계정에 업로드 해서 쓰면 된다.

innerHTML로 값 넣어 줄 때 <br>이 붙은 거 제거하는 거

.replace(/ /gi, "\n") asdfasdfasdf asdfjaldsfasdf adf document.getElementById("test").innerHTML을 찍어 보면 asdfasdfasdf asdfjaldsfasdf adf 이렇게 나온다. 여기에서 br은 제거를 하되 형태는 그대로 세 줄로 나오게 하려면 document.getElementById("test").innerHTML.replace(/ /gi, "\n") 로 하면 된다.

a href DOM, BOM

링크가 하나 있고 이걸 클릭했을 때 새 창으로 띄우려고 한다. 아마 많은 사람들이 click 이런 식으로 할 것이다. 그렇다면 팝업으로 할 경우엔 어떻게 하나? click

전화번호, 주민등록번호 다음 칸으로 focus 넘기기

주민등록번호는 앞자리가 6개(불변)고 전화번호의 경우는 요즘은 들쑥날쑥이라서. 그래도 별 이상한 클라이언트들이 많은 관계로... 위 스크립트만 갖다가 상단에 넣고 필요한 input에 이벤트를 걸어 주면 된다. onkeyup="nextBlank( 1, 2, 3 )" 1 원하는 숫자를 적으면 된다. 3으로 적었다면 총 세 글자가 적히면 다음 칸으로 넘어가는 조건이 된다. 2 제일 편하게 그냥 this.id라고 적어 주는 게 좋다. 대신 input마다 id값을 다 넣어 줘야 한다는 거 잊지 말자. 3. 1번 조건을 만족할 경우 커서가 어디로 넘어갈지 정하는 부분이다. 실제로 넘길 input의 id값을 적어 주면 된다. 인자값은 두 개로 줄이려고 했는데 nextSibling(next시발룸) 얘가 엔터가 쳐져 있..

입력폼에 숫자만 입력

type="text" name="num" id="num" onkeyup="onlyNum(this)" />