본문 바로가기

JavaScript & jQuery

slideDown , slideUp , fadeIn, fadeOut slideDown ? 대상 element의 style 속성 값이 "display:none" 일때 위에서 아래로 speed의종류에 따라 보여진다. $(element).slideDown("speed의종류"); slideUp ? 대상 element의 style 속성 값이 "display:block" 일때 출력되고있는 위치에서 위로 speed의 종류에 따라 사라진다. $(element).slideUp("speed의종류"); speed 종류 "fast", "normal", "slow" ※참고※ element를 불러(?) 사용 할 경우 element 그대로 부른다면 "element" 이와 같은 방식으로 사용하고 element의 id를 지정했다면 id를 불러 사용 할 경우에는 ""없이 id를 불러 사용한다. elem.. 더보기
클라이언트 시간구하기(자바스크립트) 클라이언트 시간과 서버 시간의 차이 클라이언트 시간- 본인이 임의로 컴퓨터 설정에서 변경한 시간을 출력한다. 서버 시간- 임의로 변경 할 수 없으며, 항상 서버 시간을 출력한다. .aspx 클라이언트 시간은 자바스크립트를 사용하여 .NET 변수에 날짜를 넣어서 출력한다. 오늘날짜(Sever): 오늘날짜(Client): 참고, 시간 구하기 hour = Today.getHours(); minute = Today.getMinutes(); second = Today.getSeconds(); .aspx.cs 서버시간은 .cs 단에서 DateTime을 사용하여 출력한다. DateTime today = DateTime.Today; serverDate.Value = today.ToString().Substring(0,.. 더보기
jquery .hover (마우스오버와 마우스아웃) jquery를 사용하여, List의 마우스를 올렸을 때 해당 줄에 배경색을 줘서 알아보기 쉽게 해보자! 테이블(List)의 4열의 background-color가 없다면 Script1번과 같이 하면 되지만 4열의 background-color를 다르게 주기위해서 Script2번과 같은 방법을 사용하였다. Script1 Script2 .hover 는 해당 element에 마우스가 올라갔을 때와 element에서 마우스가 벚어나는 순간에 함수를 실행한다. .hover(OverFuntion 위치,OutFunction 위치) 커서가 올라갔을 때 OverFuntion이 커서가 벗어났을 때 OutFuntion이 실행된다. OverFuntion OverFuntion에서는 우선 graytd(background-colo.. 더보기
자바스크립트 주민등록번호 var check = (11 - (total % 11)) % 10? Ex) 901107 - 1111118 주민등록번호 확인은 맨 마지막 자릿수를 제외하고 (예제에서는 '8'을 제외하고) 첫 번째 자리부터 차례대로( 1 * 2, 0 * 3,1 * 4, 1 * 5, 0 * 6, 7 * 7, 1 * 8, 1 * 9, 1 * 2, 1 * 3, 1 * 4, 1 * 5 )곱하여 모두 더한 값( 2 + 0+ 4 + 5 + 0 + 49 + 8 + 9 + 2 + 3 + 4 + 5 )을 11로 나눈 나머지를 다시한번 11에서 마이너스 한 값이 마지막 자릿수와 같으면 올바른 주민번호라고 한다. [100%는 아니다. 예외의 경우도 있다] 이름 주민등록번호 - 버튼 더보기
RadioButton선택시 div 다르게 나오기 Q. 세 개의 RadioButton이 있다. 원하는 노래제목을 클릭하면, 해당 div의 내용(노래가사)이 출력된다. ↓ ↓ 원하는 출력결과 ↓ ↓ 1. RadioButton에는 선택값을 구분하기 위해서, 각각 고유한 id를 지정한다. 2. onClick를 사용하여 자바스크립트의 contentsView를 호출한다. 여전히 아름다운지 사랑한다는 흔한 말 내가 너의 곁에 잠시 살았다는걸 3. 해당 RadioButton에 따라 출력 될 div를 코딩한다. div에도 마찬가지로 각각 고유한 id를 지정한다. 세 개의 div중 처음 페이지가 load 됐을 때 보여줄 div만 display를 'block'로 설정하고 'block'으로 지정한 div를 제외한 나머지 div는 display가 none으로 설정 돼있어야 .. 더보기