코딩/JavaScript & jQuery 검색 결과

해당 글 15건

jQuery - fadeIn()

아이콘, 이미지, 문자열 등이 나타나고 사라지도록 할 때 흔히 css의 display 속성을 none ↔ block 으로 변경하여 처리를 한다.이 때 강조의 목적으로 애니메이션 효과를 주고자 fadeIn(), fadeOut() 함수를 사용한다. 그런데 fadeIn() 함수는 동작이 완료된 후, 해당 객체의 display 속성을 inline 으로 변경해 버린다.block 또는 inline-block 이 되었어야 한다면 디자인 문제가 발생한다.$(this).fadeIn().css("display", "inline-block");이렇게 하면 애니메이션이 끝난 후 자연스럽게 inline-block 이 되도록 할 수 있다.  참고 링크.http://stackoverflow.com/questions/1091322/..
코딩/JavaScript & jQuery 2022. 7. 26. 18:06

화면 내 해당 요소(element)가 존재하는지 검사

현재 브라우저 화면에 해당 요소(element)가 존재하는지 판별하는 방법. $.expr.filters.offscreen = function(el) { var rect = el.getBoundingClientRect(); return ( (rect.x + rect.width) window.innerWidth || rect.y > window.innerHeight) ); }; 위 함수를 만들고 아래와 같이 사용. if( $("img").is(":offscreen") ) { console.log( '화면에 img 엘리먼트가 없음' ); }
코딩/JavaScript & jQuery 2022. 6. 24. 14:15

핸드폰번호/전화번호 유효성 검사, 자동 하이픈(대시)

핸드폰번호/전화번호 자동 하이픈(대시) id가 m_id인 input에 숫자만 입력 받도록 하면, 자동으로 하이픈(-)이 표시되고 3개가 쌍으로 된 input에 각각 입력. function phone_format() { var num = $("#m_id").val(); var phone_num = num.replace(/(^02.{0}|^01.{1}|[0-9]{3})([0-9]+)([0-9]{4})/,"$1-$2-$3"); $("#m_id").val(phone_num); $("#mobile1").val(num.replace(/(^02.{0}|^01.{1}|[0-9]{3})([0-9]+)([0-9]{4})/,"$1")); $("#mobile2").val(num.replace(/(^02.{0}|^01.{1}|..
코딩/JavaScript & jQuery 2015. 8. 4. 17:43

HTML 특수문자 코드표

표현문자 숫자표현 문자표현 설명 - �- - 사용하지 않음 space - 수평탭 space - 줄 삽입 - - - 사용하지 않음 space - 여백 ! ! - 느낌표 " " " 따옴표 # # - 숫자기호 $ $ - 달러 % % - 백분율 기호 & & & Ampersand ' ' - 작은 따옴표 ( ( - 왼쪽 괄호 ) ) - 오른쪽 괄호 * * - 아스트릭 + + - 더하기 기호 , , - 쉼표 - - - Hyphen . . - 마침표 / / - Solidus (slash) 0 - 9 0-9 - 0부터 9까지 : : - 콜론 ; ; - 세미콜론 > > 보다 큰 ? ? - 물음표 @ @ - Commercial at A - Z A-Z - A부터 Z까지 [ [ - 왼쪽..
코딩/JavaScript & jQuery 2015. 7. 1. 14:55