Dev/javascript

제이쿼리 (JQuery) - 네비게이션 현재메뉴 포인트 주기

다음에 있을 프로젝트를 대비해 미리 정보를 입수 해놓았다.정리는 나중에 꼭 하는걸로 !!http://goo.gl/qVQn1Demo: http://goo.gl/P3lYP

Jquery를 이용한 <tr><td> 태그 추가

Jquery를 이용한 태그 추가 전표추가전표분류구분금액삭제 이런 테이블이 있다 가정 했을 때 사용자가 원할 때마다 jquery와 javascript를 이용해를 삽입하여 동적인 페이지를 만들어 볼 수 있다. 구글링을 해서 찾아본 결과 아래와 같은 방법이 가장 마음에 들었다.개인마다 차이가 있고 완벽한 방법은 아니니 참고하시길 바랍니다. $("#addStatementBtn").click(function(){$('#statementTable > tbody:last').append('전표제거');}); 빨갛게 표시한 부분은 버튼을 만드는 부분인데. 현재 만들어진 행을 삭제한다.onclick을 주고 function deleteLine(obj){var tr = $(obj).parent().parent();tr.re..

유효성 검사

현직에 계시는 개발자분과 대화도중 유효성 검사에 대해서 질문을 했다.내가 워낙 초보이다 보니 Jquery로 유효성 검사를 시도했다. // addKidsClassForm 폼에 submit 이벤트가 발생할때 반응 $("#addKidsClassForm").on("submit",function(){//.val()로 값을 가지고 올 수 있으냐 . trim()을 이용하여 비교//하면 빈값이나 스페이스값 빈값에 개행까지 잡아낸다.if ($("input#classNm").val().trim() == ""){//id가 classNm인 input의 값이 비어있다면,//alert를 출력한다.alert("반 이름을 입력하십시오.");$("input#classNm").focus();return false;}// createDa..

[JS] getElementsByClassName() 메서드

getElementsByClassName() getElementsByClassName() 메소드는 지정된 클래스 이름을 가진 문서의 모든 요소를 NodeList 객체로 반환한다. NodeList 객체는 노드 컬렉션을 나타낸다. 노드는 인덱스 번호로 액세스 할 수 있고, 인덱스 는 0에서 시작한다. Tip : NodeList 객체의 length 속성을 사용하여 지정된 클래스 이름을 가진 요소의 수를 결정한 다음 모든 요소를 반복하고 원하는 정보를 추출 할 수 있다. getElementsByClassName() 메소드는 웹킷 기반 브라우저에서 적용한 탐색 스크립트이다. getElementById()의 경우 ID가 부여된 단 하나의 요소만을 탐색하지만, getElementsByClassName()메서드는 cl..

[JS] getElementById() 메서드

getElementById() 메소드 지정된 ID를 가진 어떤 요소가 존재하지 않는 경우 NULL을 반환한다. ID는 페이지 내에서 고유해야하며, 지정된 ID가 둘 이상의 요소가 있는 경우 getElementById() 메서드는 소스코드의 첫번째 요소를 반환한다. getElementById() 메소드 사용방법 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 Document function getValue(){ let x = document.getElementById("myValue"); alert(x.innerHTML); } Click Here!! Colored by Color Scripter cs 예제 소스이다. 실행해보면 다음과 같다. getElementById() 함수는 ..