본문 바로가기

자바스크립트4

javascript, jquery 툴팁 ( tooltip ) 보여주기 캘린더 프로젝트 개선 중 캘린더 제목에 대해 이름이 너무 길 경우 ... 으로 뒷 이름이 잘리는 현상이 있었다. 마우스로 드래그 해서 저 칸을 넓혀서 봐도 되지만 구글이나 네이버 캘린더 경우 마우스 호버 시 캘린더 이름이 툴팁으로 나오게끔 처리가 되어있었으므로 나도 한번 적용해 보자 했다. 구현 방법은 간단하다 태그 속성에 title, data-tootip 속성을 집어넣어 주고 스크립트단에서 실행시켜주기만 하면 끝이다. [ html ] [ javascript ] 생각보다 간단한 모습~~ 실제 소스에도 적용시켜 확인해본 모습 크롬, IE 둘 다 잘 나온다. 2021. 5. 31.
[ 정규식 ] 정규식 모음 ( ip 유효성 체크, 이메일 유효성, 핸드폰 유효성 ) 자주쓰는 정규식 개발할때마다 찾고 만들어야해서 정리해 놓으려고 합니다. ^ - 문자열 시작 $ - 문자열 종료 . - 임의의 한 문자 | - or ? - 앞 문자가 없거나 하나 있음 + - 앞 문자가 하나 이상임 * - 앞 문자가 없을수도 무한정 많을수도 있음 [] - 문자 클래스를 지정할 때 사용합니다. 문자의 집합이나 범위를 나타내면 두 문자 사이는 '-' 기호로 범위를 나타낸다. [] 내에서 ^ 가 선행하여 나타나면 not 을 나타냄 {} - 선행문자가 나타나는 횟수 또는 범위를 나타낸다. a{3} - a가 3번 반복된 경우 a{3,} - a 가 3번 이상 반복인 경우 a{3,5} - a 가 3번이상 5번 이하 반복인 경우 \w - 알파벳이나 숫자 \W - 알파벳이나 숫자를 제외한 문자 \d - 숫.. 2020. 11. 27.
jquery check box 다중 체크값 가져오기, 자바스크리트 체크박스 체크값 가져오기 자바스크립트, jquery는 자주 사용하지 않아서 할때 마다 검색해보는게 짜증나서 정리해놀겸 써보려고 합니다. " jquery 체크된 값, 체크박스 값 가져오기, 제이쿼리 체크된 값 가져오기 " 여러개의 체크박스값들의 상태값을 가져올 수 있는 방법 입니다. each()함수 ( 반복문 )을 써서 체크해 줍니다. //checkbox의 name값을 잡아 checked된것의 val()값을 가져옵니다. $("input[name=test_chkbox]:checked").each(function(){ var chk = $(this).val(); }) 이 값들을 배열에 담아주려면 //빈 배열 선언 후 담아준다. var chk_arr = []; $("input[name=test_chkbox]:checked").each(.. 2020. 10. 23.
window 객체사용법, 예시 window 객체 프로퍼티를 알아보자 window 객체란 ? 역할 : 클라이언트 측 자바 스크립트 프로그램의 전역 객체 window 객체 프로퍼티 status 브라우저의 상태바에 문자열을 출력하는 경우 defaultStatus 브라우저의 상태바에 초기 문자열 설정 length 창안의 프레임 수 name 창 이름 self 현재 창 자신 ( = window ) window 현재 창 자신 ( = self ) parent 프레임에서 현재프레임의 상위프레임 top 현재 프레임의 최상위 프레임 opener open() 으로 열린 창에서 볼 때 자기를 연 창 document document obj frames 창안의 모든 프레임에 대한 배열정보 history history obj | array location location obj closed 창이 닫.. 2020. 10. 14.