-
Javascript, jQuery, Tools 2015‧01‧26
Javascript - 모바일 브라우저 접속 체크
모바일 기기로 접속하였는지 여부를 확인한 후 개별적으로 링크를 따로 구현하게 될 때가 많다. 특히 모바일웹을 따로 구축하게 되는 경우가 이러한데 모바일이 시대가 흐를수록 다양해지다보니 오래전 스크립트가 제대로 작동되지 않을 때가 있다. 이를 해소해주는 사이트가 있다. http://detectmobilebrowsers.com/ 위 사이트로 이동한 뒤 javascript 파일을 다운 받아 사용하여도 된다. jQuery등 그 외 Apache, ASP, ASP.NET, ColdFusion, C#, IIS, JSP, […]
-
Javascript, jQuery 2015‧01‧26
jQuery - css로 display none와 block에 상태에 따른 처리
css를 이용해서 인터렉션을 구성해 놓은 경우가 있다. 특히나 display : block 과 none를 이용해서 요소를 보이거나 사라지게 하는 상황이 많은데 스크립트로 함수를 만드는 중에 이에 따른 행동이 필요할 때가 있다. if($('.popup').is(":visible")){ // display : none가 아닐 경우 }else{ // display : none일 경우 } .popup 엘리먼트가 가시적으로 보이는지 아닌지에 따른 조건문이다.
-
Javascript, jQuery 2015‧01‧26
jQuery - Ajax로 데이터 불러오기
외부 데이터를 불러올 때 Ajax를 통해서 가져오는 경우가 많다. Ajax를 통해서 Json 형식의 파일을 불러오는 예제를 만들면 아래와 같다. $.ajax({ type: "GET", url: "파일경로및 파일명", dataType: "json", cache: false, success: function(data){ $.each(data.dataList,function(index){ $('li').eq(index).html(data.dataList[index].val); }); },error: function(XMLHttpRequest, textStatus, errorThrown) { console.log("Status: " + textStatus); },timeout: 3000 }); 설명하자면 timeout 에 3000을 입력해둔 것은 외부 데이터를 불러오는 […]
-
Javascript, jQuery 2015‧01‧13
jQuery - 스마트폰 스크린 회전 감지 스크립트
스마트폰의 스크린이 가로모드와 세로모드를 감지하여 필요에 따라 스타일시트나 스크립트를 다르게 사용하는 경우가 있다. 일단 css의 미디어쿼리로 처리하는 방법을 보면 아래와 같다. #cover{ display:none; } @media only screen and (device-width: 768px) and (orientation: landscape) { #cover{ display: block; } } @media only screen and (min-device-width: 320px) and (orientation: landscape) { #cover{ display: block; } } 위 […]
-
Javascript, jQuery 2014‧11‧06
jQuery - 특정 속성 가진 엘리먼트 찾고 속성 제거하기
특정 속성을 가진 엘리먼트를 찾는 방법은 쉽니다. $('div[title]') 위 코드처럼 선택하면 div 중에 title 속성이 있는 엘리먼트들을 선택하게 된다.그러면 여기서 title이라는 속성을 지우면 아래와 같다. $('div[title]').removeAttr('title'); 간단하다. removeAttr이면 된다.
-
Javascript, jQuery 2014‧09‧25
키보드 키 코드
매번 쓸 때마다 찾는데 자바스크립트로 사용되는 코드를 또 더 찾아야해서 포스팅함.
-
Javascript, jQuery 2014‧09‧24
javascript - 랜덤 함수 만들기 (범위 지정)
시작 수 부터 끝 수까지의 숫자를 입력하면 그 안의 랜덤하게 정수로 반환 받는 함수이다. function makeRandom(min, max){ var RandVal = Math.floor(Math.random()*(max-min+1)) + min; return RandVal; } // 랜덤 함수(정수)
-
Javascript, jQuery 2014‧09‧23
JS - 음수, 양수를 절대값으로 반환
가끔 값을 가지고 조건문 처리할 때 마이너스의 값을 그대로 쓰면 안되는 경우가 있다. Math.abs()를 쓰게 되면 음수든 양수든 절대값으로 반환해주기 때문에 양수로 받아 처리할 수 있다. Math.abs('-1'); // 1 Math.abs(-2); // 2 Math.abs(null); // 0 Math.abs("string"); // NaN Math.abs(); // NaN 위는 예문에서 가져온 코드이다. 자세한 설명 : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/abs
-
Javascript, jQuery 2014‧08‧26
IE9에서 script5022 DOM Exception: INVALID_CHARACTER_ERR (5) 오류 났을 때
반응형웹 사이트 프로젝트를 할 때 크로스 브라우징 검수를 할 때가 있다.작업하는 PC의 IE가 10이고 개발자 도구를 이용하여 IE 9 이하를 테스트하는 것과 실제 순수 IE9 이하와는 결과가 틀리게 나오는 경우가 많다. 또한 IE Tester도 비슷하게 구현하는 것인지라 최대한 가상 PC를 설치하여 테스트함을 추천한다. 위에 언급한 것과 같이 개발 도구에서 에뮬레이션으로 IE9로 설정하고 테스트 하여도 자바스크립트 […]
-
Javascript, jQuery 2014‧07‧24
jQuery - a 태그의 href 값 변경하기
이미지 같은 경우에는 attr('src', 변경할 값) 으로 새롭게 속성값을 변경하지만 a 태그의 href는 프로토타입을 수정한다. 예를 들어 linkButton 이라는 클래스를 가진 a 태그가 있다고 할 때 아래와 같이 속성을 변경한다. $('.linkButton').prop('href', 변경할 값)