-
Javascript, jQuery 2014‧05‧23
현재 보이는 페이지의 파일명 가져오기
현재 위치한 페이지 파일명을 가지고 특정 액션을 취할 때가 있다.document.URL 이 전체 경로와 파일명을 포함한 경로이다.여기서 마지막에 걸려있는 폴더 / 구분을 기준으로 시작과 끝 문자열을 정의해서 가져온다. var CurrentFileName = document.URL.substring(document.URL.lastIndexOf("/") + 1, document.URL.lastIndexOf("/") + 30); //console.log(CurrentFileName); 위 코드를 보면 30이라는 숫자는 파일명이 확장자 포함 30자 정도까지 가져오란 것인데 혹 파일명이 길 경우 파일명을 가져올 […]
-
Javascript, jQuery 2014‧05‧22
Return false 대체하기
예전에는 <a href="#">을 사용해서 스크립트로 버튼을 구현하게 되었는데, 이 상태로 클릭하면 항상 맨 위 페이지로 올라가기 때문에 return false를 이용하였었다.하지만 이제 return false는 버리자! 아래와 같이 함수화 해놓고 활용하면 좋다. function eventClick(event){ if(event.preventDefault){ event.preventDefault(); //FF } else { event.returnValue = false; //IE } } //return false 대신용 #링크 사용시 꼭 넣을 것 그리고 사용할 때는 […]
-
Javascript, jQuery 2013‧10‧08
크롬에서 미디어쿼리 버그 대처
크롬 브라우저에서 간혹 미디어쿼리가 제대로 작동하지 않을 때가 있다. 아래와 같은 순서로 테스트해보면 간혹 버그가 발생한다. 1. 미디어쿼리로 만든 웹사이트를 크롬에서 연다. 2. 미디어쿼리의 영역에 해당되는 모습이 나오게 창을 줄여본다. 3. 크롬 브라우저의 상단에 새 탭을 눌러 임의의 사이트를 접속한다. 4. 그 상태에서 창을 최대한으로 키워본다. 5. 어느정도 임의의 사이트를 이용한 후 미디어쿼리로 만든 웹사이트가 […]
-
Javascript, jQuery 2013‧09‧11
jQuery - 라디오 버튼 체크 여부 확인
입력폼에서 라디오 버튼에 값을 선택하였는지 안하였는지 체크를 해서 만약 선택하지 않았다면 라디오 버튼으로 화면이 이동되어 체크할 수 있도록 해보자 일단 html에서 라디오버튼은 아래와 같이 설정하였다. <legend>카테고리</legend> <fieldset> <input type="radio" id="Category1" value="카테고리1" name = "Category"/><label for="Category1">카테고리1</label> <input type="radio" id="Category2" value="카테고리2" name = "Category"/><label for="Category2">카테고리2</label> <input type="radio" id="Category3" value="카테고리3" name = "Category"/><label for="Category3">카테고리3</label> <input type="radio" id="Category4" value="카테고리4" […]
-
Javascript, jQuery 2013‧09‧07
jQuery - 간단한 랜덤 배너 이미지노출
이미지와 링크, alt가 랜덤하게 노출되는 간단한 배너를 만들어보자. 일단 방금 만들었던 소스를 예제로 아래에 넣어보았다. function randomImage(){ var bannerImages=new Array(); bannerImages[0]="/blog/WertyImg/banner_holdholic.jpg"; bannerImages[1]="/blog/WertyImg/banner_mylocation.jpg"; bannerImages[2]="/blog/WertyImg/banner_touchlock.jpg"; var bannerlink = new Array(); bannerlink[0] = "http://goo.gl/t58iI"; bannerlink[1] = "http://goo.gl/jElia"; bannerlink[2] = "http://goo.gl/2DkdP"; var bannerTitle = new Array(); bannerTitle[0] = "통화중 화면 잠금 어플 - 홀드홀릭 다운받기"; bannerTitle[1] = "간편하고 빠르게 […]
-
Javascript, jQuery 2013‧03‧29
jQuery - 속성 또는 속성 값으로 선택자 지정하기
본문에서 alt 값이 "이미지 설명"을 가진 이미지를 선택하여 지우거나 이동하거나 등등 처리를 할 때가 있을 것이다. 이럴 때 이 alt에 대한 값을 찾아서 선택자(selector)로 지정할 수 있다. 사용법은 간단하다. $('img[alt=이미지 설명]'); 위 코드는 <img src = "test.jpg" alt="이미지 설명" /> 와 같은 이미지를 선택하여 처리할 때 쓰인다. 또는 이미지들 중에 alt값을 가진 것만 찾을 […]
-
Javascript, jQuery 2013‧03‧22
jQuery - 선택자 삭제 .remove
div라든가 p, span 등과 같은 선택자를 삭제할 때 사용한다. 입력 방식은 두가지 정도이다. $("선택자").remove( ); 또 하나는 아래와 같다. $('div와 같은 요소').remove("선택자"); 필자는 간단하게 주로 아래와 같이 쓴다. $("#id").remove(); 만약 위와 같이 쓰는 경우 클래스일 경우 .class 로 선택자를 넣어도 된다. 이렇게 되면 해당 클레스가 있는 div가 삭제가 된다.
-
Javascript, jQuery 2012‧11‧08
jQuery-$.cookie 플러그인 사용법 (쿠키 활용편)
사용자의 쿠키를 이용해서 유동적으로 사이트를 운영할 때가 많다. 자바스크립트로 쿠키를 만드는 방법은 생략한다. (이미 검색하면 많이 나온다.) 제이쿼리는 플러그인 사용으로 간단하다. 일단 플러그인을 페이지내에 삽입해야한다. 해당 파일은 https://github.com/carhartl/jquery-cookie 이 곳에서 최신버전을 받아서 사용하거나 지금 필자가 쓰는 버전을 첨부파일로 넣을테니 다운받아 써도 상관없다. (다운받아 사용할 경우 차후에 새로 업데이트 된 버전이 아니라는 점은 염두해두길 바란다.) <head>와 </head>사이 아래 […]
-
Javascript, jQuery 2012‧11‧08
JS-setTimeout() , clearTimeout()
setTimeout() : 시간을 지정하고 지정된 시간에 함수를 실행하게 만든다. clearTimeout() : 위에서 실행한 그 함수를 취소할 때 사용한다. setTimeout() 사용법은 아래와 같다. timer = window.setTimeout(function(){ //실행할 코드 },3000); timer라고 지정한 이유는 clearTimeout() 을 할 때 대상을 찾기 위함이다. window.setTimeout 라고 써도 되고 setTimeout 써도 된다. (이유는 window 객체를 사용하는 메소드이기 때문이다.) 3000은 3초다. 1초면 1000으로 적어 넣으면 된다. […]
-
Javascript, jQuery 2012‧10‧18
jQuery-브라우저 창 사이즈 조절에 따른 이벤트 만들기
브라우저를 크기 조절에 의한 이벤트를 받아 명령을 내릴 때 주로 사용한다.기본 적으로 아래처럼 사용한다. 그런데 이렇게 사용하게 되면 브라우저를 조절하는 동안에 계속해서 작동하게 되어 오히려 브라우저 성능을 저하 시켜서 느려지게 된다.그래서 보통 실무에서는 아래처럼 사용했다. 이렇게 되면 사이즈를 조절이 끝난 0.5초 후에 작동되기에 마우스로 브라우저를 조절이 멈춘 0.5초 후에 작동되게 만든 것이다.