IT

문자 인코딩 함수 : escape() encodeURI() encodeURIComponent() [출처] [JavaScript] 문자 인코딩 함수 : escape(), encodeURI(), encodeURIComponent()

2013. 11. 11. 15:51 : 소프트웨어/JavaScript

escape(string) : ASCII(아스키) 문자를  유니코드 형식으로 변환

  1바이트는 %XX 2바이트는 %uXXXX형태로 변환

 

unescape(string) : 유니코드문자를 디코딩

 

encodeURI(string) : 주어진 문자열을 URI로 특수문자( :  ; / = ? & 등의 특수문자) encoding 한다.

 

decodeURI(string) : 주어진 문자열에서 encoding 된 URI를 decoding 한다.

 

encodeURIComponent(string) : 주어진 문자열을 URI로 모든 문자( :  ; / = ? & 등의 특수문자)를 encoding 한다.

 

decodeURIComponent(string) : 주어진 문자열에서 encoding 된 URI를 decoding 한다.

 

 

저작자표시 비영리 변경금지

'소프트웨어 > JavaScript' 카테고리의 다른 글

facebook, twitter javascript lib load  (0) 2013.11.08
숫자만 입력 받기, 한글 막기  (0) 2013.10.24
JQuery Validation  (0) 2013.10.01
jQuery Migrate plugin  (0) 2013.08.19
ajax + jsonp 으로 cross-domain 호출하기  (0) 2013.08.12
Posted by sinpk

facebook, twitter javascript lib load

2013. 11. 8. 16:48 : 소프트웨어/JavaScript

<!-- html5 facebook sdk 설정-->

<html xml:lang="ko" lang="ko">
<head>
    <meta charset="EUC-KR">
    <title>HTML5 Version</title>
</head>
<body>
    <div id="fb-root"></div>
 <script>
  (function(d, s, id) {
   var js, fjs = d.getElementsByTagName(s)[0];
   if (d.getElementById(id))
    return;
   js = d.createElement(s);
   js.id = id;
   js.src = "//connect.facebook.net/ko_KR/all.js#xfbml=1";
   fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
 </script>
    
 <div class="fb-share-button" data-href="http://developers.facebook.com/docs/plugins/" data-type="button"></div>
</body>      
</html>

<!-- XFBML facebook sdk 설정-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#" xml:lang="ko" lang="ko">
    <meta http-equiv="Content-type" content="text/html;charset=euc-kr" />   
    <title>XFBML Version</title>
</head>
<body>
    <div id="fb-root"></div>
    <script>
    (function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/ko_KR/all.js#xfbml=1";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));   
 </script>
   
    <fb:share-button href="http://www.naver.com" type="button"></fb:share-button>   
<body>   
</html>

// twitter lib 로드
  !function(d, s, id) {
   var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/
     .test(d.location) ? 'http' : 'https';
   if (!d.getElementById(id)) {
    js = d.createElement(s);
    js.id = id;
    js.src = p + '://platform.twitter.com/widgets.js';
    fjs.parentNode.insertBefore(js, fjs);
   }
  }(document, 'script', 'twitter-wjs');

facebook share, like, comment 등 버튼은 페이스북 개발자 페이지에서 코드를 생성할 수 있다.

twitter tweet 버튼은 트위터 개발자 페이에서 코드를 생성할 수 있다.

저작자표시 비영리 변경금지

'소프트웨어 > JavaScript' 카테고리의 다른 글

문자 인코딩 함수 : escape() encodeURI() encodeURIComponent() [출처] [JavaScript] 문자 인코딩 함수 : escape(), encodeURI(), encodeURIComponent()  (0) 2013.11.11
숫자만 입력 받기, 한글 막기  (0) 2013.10.24
JQuery Validation  (0) 2013.10.01
jQuery Migrate plugin  (0) 2013.08.19
ajax + jsonp 으로 cross-domain 호출하기  (0) 2013.08.12
Posted by sinpk

숫자만 입력 받기, 한글 막기

2013. 10. 24. 17:55 : 소프트웨어/JavaScript

function  handlerNum(){
 E = window.event;
 if(E.keyCode >47 && E.keyCode <58){  
  if(E.keyCode == 48){
   if(document.eduReg.ATTENDANT.value == "" ) E.returnValue=false;
   else return;
   }else return;
 }else{
  E.returnValue=false;
 }
}


 

<input type="text" style='ime-mode:disabled' name="ATTENDANT" value="<%=strAttendant%>" onKeyPress="handlerNum();">


style='ime-mode:disabled'   ==> 한글 막음

 

* javascript를 이용하여 제어

document.form.input1.text.style.imeMode = active;        한글을 기본 입력언어로 설정
document.form.input1.text.style.imeMode = inactive;     영어를 기본 입력언어로 설정
document.form.input1.text.style.imeMode = disabled;    한글을 기본 입력언어로 설정

* css를 이용하여 제어

<input style='ime-mode:active'>    한글을 기본 입력언어로 설정
<input style='ime-mode:inactive'>  영어를 기본 입력언어로 설정
<input style='ime-mode:disabled'> 영어만 입력되도록 제한함.

 

저작자표시 비영리 변경금지

'소프트웨어 > JavaScript' 카테고리의 다른 글

문자 인코딩 함수 : escape() encodeURI() encodeURIComponent() [출처] [JavaScript] 문자 인코딩 함수 : escape(), encodeURI(), encodeURIComponent()  (0) 2013.11.11
facebook, twitter javascript lib load  (0) 2013.11.08
JQuery Validation  (0) 2013.10.01
jQuery Migrate plugin  (0) 2013.08.19
ajax + jsonp 으로 cross-domain 호출하기  (0) 2013.08.12
Posted by sinpk

JQuery Validation

2013. 10. 1. 16:27 : 소프트웨어/JavaScript

JQuery Validation

1.Jquery를 다운받고 설치한다.


2. Jquery Validation Site에서 jquery.validate.js파일을 다운받는다.

(http://docs.jquery.com/Plugins/Validation),

(http://bassistance.de/jquery-plugins/jquery-plugin-validation/)


3. 한글 메시지 파일을 다운받는다.

(http://mytory.co.kr/archives/195)


3개의 js파일을 다음처럼 구성

    <script src="jquery-1.7.1.min.js" type="text/javascript"></script>

    <script src="jquery.validate.js" type="text/javascript"></script>

    <script src="messages_ko.js" type="text/javascript"></script>


4. JQuery 부분(정말로 간단!)

<script type="text/javascript">

$(document).ready(function() {

        $("#form1").validate();

});


</script>


5. CSS 추가한다.

input.error, textarea.error

{

        border: 1px dashed red

}

label.error

{

        display:block

        color:Red

}

[출처] JQuery Validation|작성자 damansa1


저작자표시 비영리 변경금지

'소프트웨어 > JavaScript' 카테고리의 다른 글

facebook, twitter javascript lib load  (0) 2013.11.08
숫자만 입력 받기, 한글 막기  (0) 2013.10.24
jQuery Migrate plugin  (0) 2013.08.19
ajax + jsonp 으로 cross-domain 호출하기  (0) 2013.08.12
Custom Scheme 만들기(모바일 웹 -> 앱 실행)  (0) 2013.08.07
Posted by sinpk

jQuery Migrate plugin

2013. 8. 19. 16:51 : 소프트웨어/JavaScript

jquery가 버전이 올라가면서 몇개의 함수가 Deprecated 되었는데

마이그레이션 플러그인으로 Deprecated 된 함수를 지원한다.


추천 플러그인


jquery.ui - 유저 인터페이스 플러그인 http://jqueryui.com/

jquery.form.js - 비동기로 처리된다. http://malsup.com/jquery/form/

light box - 이미지 갤러리 플러그인 http://leandrovieira.com/projects/jquery/lightbox/


저작자표시 비영리 변경금지

'소프트웨어 > JavaScript' 카테고리의 다른 글

숫자만 입력 받기, 한글 막기  (0) 2013.10.24
JQuery Validation  (0) 2013.10.01
ajax + jsonp 으로 cross-domain 호출하기  (0) 2013.08.12
Custom Scheme 만들기(모바일 웹 -> 앱 실행)  (0) 2013.08.07
Jquery+Ajax으로 session 생성하기  (0) 2013.08.07
Posted by sinpk

티스토리툴바