after() : 지정한 요소 뒤에 새로운 요소를 삽입 - A.after(B) – A 뒤에 B를 추가 insertAfter() : 지정한 요소 뒤에 새로운 요소를 삽입 - A.insertAfter(B) – B 뒤에 A를 추가 before() : 지정한 요소의 시작 부분에 내용을 삽입 - A.before(B) – A 앞에 B를 추가 insertBefore() : 지정한 요소의 시작 부분에 내용을 삽입- A.insertBefore(B) – B 앞에 A를 추가 [SAMPLE]

사용자가 보고 있는 브라우저 화면을 캡쳐해서 서버로 전송해서 확인하는 것. 네이버나 다음 메일에서 다른 컨텐츠 다 빼버리고 리스트만 골라서 로그인 없이 바로 내 웹페이지에서 볼 수 있는 것. 일반 링크가 아닌 자바스크립트 클릭만으로 나오는 DOM 부분의 원하는 내용을 긁어 와서 붙여넣는 것 내 웹페이지에서 쓴 글을 네이버 카페, 다음 블로그 등에 동시에 올릴 수 있는 것. 위 네가지 항목은 현재 HTML5도 마찬가지로 일반적인 웹의 환경(ActiveX 제외)에서는 불가능합니다. node.js 가 나오고 전세계의 개발자들이 그 기반하에 여러가지 오픈 모듈(npm)을 만들었는데 그 중에서 요즘 제 뒷통수를 강하게 때린 webdriverJS 모듈을 소개합니다. 사전 지식은 리눅스, 유닉스 기반하에 node.j..

disabled 처리된 checkbox를 클릭 시 alert을 띄워주고 싶었는데 이벤트가 안 먹는다. 아... 어떻게 했더라.....@.@ 꼭 alert 을 띄워줄 필요는 없었지만, 난 친절하니까. ~.~ 결국, disabled 처리 하는 목적은 check를 못하게 하기 위함이니 disabled 를 빼고 onclick 에 this.checked=false 로 체크를 막고, alert을 띄워줬다. 된다!! 오~ 왜? 왜?? 계속 disabled 처리된 checkbox 에만 이벤트를 먹일 생각에 시간을 낭비했을까...ㅜ.ㅜ

//iframe 안의 페이지에서 펼치기 버튼 클릭 시 해당 페이지의 내용만큼 iframe height를 늘려준다. //title 높이 + list 높이 function iFrameResize() { var titleDiv = document.getElementById("titleDiv"); var listDiv = document.getElementById("listDiv"); var pageheight = ""; if(listDiv .scrollHeight != 0 && listDiv != null) { pageheight = titleDiv.offsetHeight + listDiv .scrollHeight ; } parent.document.getElementById("pFrame").style.he..

(1) //숫자만 입력 jQuery('#searchIjeong').css('imeMode','disabled').keypress(function(event) { if(event.which && (event.which 57) ) { event.preventDefault(); } }); -------------------------------------------------------- (2) //숫자 체크 function checkNumber(e) { var ob =""; if (window.event) { ob = event.srcElement; } else { ob = e.target; } ob.value = filterNum(ob.value); ob.value ..

//전체 사이트 목록 조회 input에서 엔터 입력 시 조회 처리 $(this).keypress(function(e){ if(e.keyCode==13) { 함수(); return false; //자동 submit 방지 } });

name: id: pwd: re_pwd: tel: email: ssn: [출처] jQuery 폼유효성 간단히 (JSP+WEB) |작성자 포지티브

홈페이지에서 Javascript를 사용하여 입력값 제한 등등 여러가지 일을 할 수 있습니다. 아래 키코드를 참조하여 처리가 가능합니다. ex) 키보드의 Enter 사용금지 function NOEnter(){ if(event.keyCode==13){ event.keyCode=null; } } * JAVASCRIPT EVENT 키코드 표 Key code Value Key code Value DOM_VK_CANCEL 3 DOM_VK_V 86 DOM_VK_HELP 6 DOM_VK_W 87 DOM_VK_BACK_SPACE 8 DOM_VK_X 88 DOM_VK_TAB 9 DOM_VK_Y 89 DOM_VK_CLEAR 12 DOM_VK_Z 90 DOM_VK_RETURN 13 DOM_VK_CONTEXT_MENU 93 D..

// 뒤쪽에 옵션 추가$("#myselect").append("Apples"); $("#myselect").append("After Apples"); // 앞쪽에 옵션 삽입 $("#myselect").prepend("Before Apples"); // 옵션변경 $("#myselect").html("Some orangesMore OrangesEven more oranges"); // 인덱스 위치에 따라 옵션 변경 $("#myselect option:eq(1)").replaceWith("Some apples"); $("#myselect option:eq(2)").replaceWith("Some bananas"); // 2번째 옵션 셀렉트 $("#myselect option:eq(2)").attr("selec..

/* 두 기간 이 몇년, 몇개월, 몇일 차이 인지 계산 c_sta_ymd : 시작날짜 c_end_ymd : 종료날짜 c_gubun : 반환받을 날짜 포맷 ex) yy-mm-dd, mm-dd, dd ... c_sta_yn : 시작일도 포함할지 여부 ex) f_sys_between_ymd(sta_date, end_date, 'yy-mm-dd','y') */ function f_sys_between_ymd(c_sta_ymd, c_end_ymd, c_gubun, c_sta_yn) { var v_sta_ymd, v_end_ymd; var v_yy, v_mm, v_dd; var v_yy_t, v_mm_t, v_mm_mod, v_dd_t, v_dd_y_mod, v_mdd_m_mod; var v_yy_pos, v_mm..