레이블이 [JavaScript]인 게시물을 표시합니다. 모든 게시물 표시
레이블이 [JavaScript]인 게시물을 표시합니다. 모든 게시물 표시

2014년 2월 27일 목요일

[JavaScript] Cookie 삽입, 삭제, 불러오기

 /**
  * 쿠키 설정
  * @param cookieName 쿠키명
  * @param cookieValue 쿠키값
  * @param expireDay 쿠키 유효날짜
  */
 function setCookie( cookieName, cookieValue, expireDate )
 {
  var today = new Date();
  today.setDate( today.getDate() + parseInt( expireDate ) );
  document.cookie = cookieName + "=" + escape( cookieValue ) + "; path=/; expires=" + today.toGMTString() + ";";
 }

 /**
  * 쿠키 삭제
  * @param cookieName 삭제할 쿠키명
  */
 function deleteCookie( cookieName )
 {
  var expireDate = new Date();
  
  //어제 날짜를 쿠키 소멸 날짜로 설정한다.
  expireDate.setDate( expireDate.getDate() - 1 );
  document.cookie = cookieName + "= " + "; expires=" + expireDate.toGMTString() + "; path=/";
 }
 
 /**
  * 자신이 지정한 값으로 쿠키 설정
  */
 function setMyCookie()
 {
  setCookie( form.setName.value, form.setValue.value, form.expire.value );
  viewCookie(); // 전체 쿠키 출력 갱신
 }
 
 /**
  * 자신이 지정한 쿠키명으로 확인
  */
 function getMyCookie()
 {
  alert( "쿠키 값 : " + getCookie( form.getName.value ) );
 }
 
 /**
  * 자신이 지정한 쿠키명으로 쿠키 삭제
  */
 function deleteMyCookie()
 {
  deleteCookie( form.deleteName.value );
  alert("쿠키가 삭제되었습니다.");
  viewCookie();
 }
 
 /**
  * 전체 쿠키 출력
  */
 function viewCookie()
 {
  if( document.cookie.length > 0 )
   cookieOut.innerText = document.cookie;
  else
   cookieOut.innerText = "저장된 쿠키가 없습니다.";
 }
<출처> 건호랩

2013년 6월 26일 수요일

[HTML] a href=# 활용하기

HTML Tag 중 Anchor Tag를 이용해서 페이지 이동을 할 때

요즘은 HTML과 CSS, Javascript를 분리해서 구현하는 방법을 선호한다.

그래서 대부분 이런 방식으로 구현을 한다.




 클릭   


이런 방식으로 구현을 하면 href="#" 에 의해서 페이지가 최상단으로 스크롤업 된다.

이러한 스크롤업을 피하기 위한 방법으로 다음 방식이 있다.




 클릭   

이렇게 구현하면 페이지가 최상단으로 스크롤업 되는것을 피할 수 있다.

여기서 event 객체의 preventDefault() 메소드는 다음과 같이 jQuery API에 정의되어 있다.

< 출처 : http://u4rang.tistory.com/12 [김군님 블로그] >

2013년 5월 30일 목요일

[JavaScript] 천단위 콤마 , 음수, 소수점

자바 스크립트로 지정해두면 텍스트 박스에 onkey 이벤트로 작동합니다. 아주 유용하네요









업그레이드 콤마찍기 (음수, 소숫점 무적버전)


(ex) -12345.1000 or 12345.000

<출처 : http://kerrigancap.truesolution.co.kr/ezboard.php?BID=study&GID=root&UID=1012&mode=view>

2013년 5월 26일 일요일

[JavaScript] 텍스트 박스, input 박스에 자동 콤마 넣기

input 박스에 숫자 입력시 자동 콤마 넣기입니다.

body 부분

숫자를 입력해보세요.
TextBox 를 사용 하실때도 onKeyPress,onKeyup 를 넣어주시면 됩니다. form 은 안써도 되네요 ^^ <출처 : http://ihelpers.x2soft.co.kr/programming/tipntech.php?CMD=view&TYPE=0&KEY=%C4%DE%B8%B6&SC=S&&CC=&PAGE=1&IDX=145 (왕장기님)>

2013년 5월 21일 화요일

[JavaScript] 브라우저 이벤트

브라우저가 닫히고 로딩중이고 새로고침 됬을때 이벤트 주는 방법 - 가장 메인인 곳에 넣어주시면 됩니다 예를 들어 페이지 어딜 가나 들어있는 메뉴바라던가.....

 


궁금하신건 덧글 달아주세요 보면 답변드릴게요 >ㅠ

문의하기

이름

이메일 *

메시지 *