2012년 3월 30일 금요일

JAVASCRIPT Amount of paste comma, 천단위 콤마붙이기


금액에 천단위 콤마붙이기(javascript)

Amount of paste comma(javascript)

숫자형(Number)

Number.prototype.format = function(){    
 if(this==0) return 0;      
 var reg = /(^[+-]?\d+)(\d{3})/;     var n = (this + '');      
 while (reg.test(n)) n = n.replace(reg, '$1' + ',' + '$2');      
 return n;
};   // 문자열 타입에서 쓸 수 있도록 format() 함수 추가


문자형(String)

String.prototype.format = function(){    
 var num = parseFloat(this);    
 if( isNaN(num) ) return "0";      
 return num.format();
};  


exec)
var aa = 987654321
     ,aa = aa.format();
console.log(aa);

result)
==> 987,654,321

2012년 3월 29일 목요일

자바스크립트 배열 판별법

자바스크립트 배열 판별법 (javascript adjudge Array)

javascript adjudge Array

배열은 typeof 연산자를 사용하면 "object"가 반환됩니다

alert(typeof [10, 13]); //"object"

배열도 객체이니 이것은 틀린말이 아니지만 그리도움이 되지 않습니다.
length를 이용하거나 slice()를 사용 하여 판별 할 수 있지만 배열과 객체가 똑같으면
어떤식으로 구분할 방법이 없습니다.
instanceof Array를 사용할수 있지만 IE에서 안먹히는 버전도 있어 제약이 생깁니다.
ECMAScript 5에서는 Array.isArray()라는 새로운 메서드가 정의되었다. 이 메서드는 인자가 배열이면 true를 반환합니다.
alert(_array.isArray([1,2]));  //true;

Array.isArray({name:"park","time":10}); //false반환

이런 방법도 있습니다
object.prototype.toString()을 사용하면 배열일경우 [object Array]가 반환이 됩니다

객체면 [object, object]가 반환이 됩니다

2012년 3월 27일 화요일

javascript get random number

I want to have a random number five

랜덤 숫자 5개를 찾는 소스


javascript  Source implementation

     var ranNum = 0
        , ranVar = {}
        , randomi = 0
    do{  
            var ranNum1 = Math.floor(Math.random() * 8) + 1;
            for (var k = 0; k < ranNum+1; k++)if (ranVar[k] == ranNum1 ){
                ranNum = false;
            }
          
            if(ranNum != false || ranNum != "undefined"){
                ranVar[ranNum] = ranNum1;
                ranNum = ranNum + 1;
            }
    }
    while (parseInt(ranNum,10) < 5);        //랜덤숫자 5개만 배열로 가져옴


alert(ranVar[4]);    

  made by park

2012년 3월 26일 월요일

javascript 에서 사용권한이 없습니다 오류

javascript 에서 사용권한이 없습니다 오류


eee.com 에 서브 도메인을 받아 쓰는 ccc.eee.com 사이트에서 작업을 할때

javascript 에서 사용권한이 없습니다 오류가 발생할 수 잇다

이럴때

document.domain = "eee.com";
넣어주면 된다

2012년 3월 24일 토요일

datepicker 기본 셋팅, 달력 아이콘 위치, 달력위치

datepicker 기본셋팅,

 달력 아이콘 위치, 달력 위치 조정



 $.datepicker.regional['ko'] = {        
    closeText : '닫기',        
    prevText : '이전달',        
    nextText : '다음달',        
    currentText : '오늘',        
    monthNames : ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],        
    monthNamesShort : ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],        
    dayNames : ['일', '월', '화', '수', '목', '금', '토'],        
    dayNamesShort : ['일', '월', '화', '수', '목', '금', '토'],        
    dayNamesMin : ['일', '월', '화', '수', '목', '금', '토'],        
    weekHeader : 'Wk',        
    dateFormat : 'yymmdd',        
    firstDay : 0,        
    isRTL : false,        
    showMonthAfterYear : false,        
    yearSuffix : '년',
    showOn: 'both',
    buttonImage: '/images/main/search/btn_cale.gif',
    buttonImageOnly: true
   };
    $.datepicker.setDefaults($.datepicker.regional['ko']);         //default셋팅
   $("#txt_prodStart" ).datepicker();  
   $('img.ui-datepicker-trigger').css({'cursor':'pointer', 'margin-left':'5px'});  //아이콘(icon) 위치
   $('.ui-datepicker ').css({ "margin-left" : "141px", "margin-top": "-223px"});  //달력(calendar) 위치
   $('img.ui-datepicker-trigger').attr('align', 'absmiddle');


jquery layout accordion !


jquery layout accordion

jquery의 레이아웃 아코디언 플러그인이다


http://layout.jquery-dev.net/downloads.cfm

다운은 위에서 받을수 잇고 아래는 데모 페이지이다

http://layout.jquery-dev.net/demos/accordion.html


이런식으로 나오며 저 중간중간 마다 틈으로 위로 땡겻다 내렷다 할 수 잇다
이거만 잇으면 더 없이 퍼블리싱 고민하지 않고 작업 할수 있을거 같은 .. 생각이 든다 ~~
 jquery ui 에서 테마를 불러와 적용도 할 수 있고 그리 무겁지 않아보여 앞으로 프로젝트 할때 한번은 써먹을 수 있을까 생각이다,.

classic asp contents image find soruce

classic asp contents image find soruce

내용에서 이미지 찾기 소스이다 

정규식으로 하나의 이미지만  건져와서 게시하여 사용한다 
'******************************************************
 ' 이미지 찾기
 '******************************************************
 Function UFGetImageContent(var)
 Dim regEx, Matches, d_Match, Match
 Set regEx = New RegExp    ' 정규식을 작성합니다.
    regEx.IgnoreCase = True    ' 대/소문자 구분 안함을 설정합니다.
    regEx.Global = True      ' 전역을 설정합니다.
 regEx.Pattern = "[^= ']*\.(gif|jpg|bmp)"
 Set Matches = regEx.Execute(var)   ' 찾기를 실행합니다.
 d_Match = ""
 For Each Match in Matches   ' Matches 컬렉션을 반복합니다.
  d_Match = Match.value
  d_Match = Replace(d_Match,"""","")
  Exit for
    Next
 UFGetImageContent = d_Match
 End Function

 Function UFGetImageContent_jpg(var)
 Dim regEx, Matches, d_Match, Match
 Set regEx = New RegExp    ' 정규식을 작성합니다.
    regEx.IgnoreCase = True    ' 대/소문자 구분 안함을 설정합니다.
    regEx.Global = True      ' 전역을 설정합니다.
 regEx.Pattern = "[^= ']*\.(jpg|png|bmp)"
 Set Matches = regEx.Execute(var)   ' 찾기를 실행합니다.
 d_Match = ""
 For Each Match in Matches   ' Matches 컬렉션을 반복합니다.
  d_Match = Match.value
  d_Match = Replace(d_Match,"""","")
  Exit for
    Next
 UFGetImageContent_jpg = d_Match
 End Function

text/ecmascript?? text/javascript??

text/ecmascript?? text/javascript??

text/ecmascript,

text/javascript

둘다 사용 해도 문제는 없다

굳이 나누자면




  • 에크마스크립트는 자바스크립트의 기초가 되는 언어로서 에크마인터내셔널이라는 표준 단체에 의해 정의되고 발표됩니다. 자바스크립트는 에크마스크립트를 기본으로 여러 기능을 확장한 수퍼셋 언어라고 볼 수 있다.
  • 에크마스크립트에는 자바스크립트만 있는게 아니라 JScript(MS에서 초창기에 발표한 자바스크립트), 어도비의 액션스크립트, 구글의 GWT까지도 그 범위에 넣습니다.




  • 웹이 확장되고 표준이 잘 정착되면서 자바스크립트의 사용이 늘어남에 따라 에크마스크립트 === 자바스크립트라는 것이 거의 틀린 말은 아니게 되어 가고 있지만 억지스럽게 C로 예를 들면, C가 에크마스크립트라면 C++이 자바스크립트정도 생각하면 된다
  • 2012년 3월 23일 금요일

    active? passive? mode 차이점

    FTP 란 ?
    - 인터넷을 통해 한 컴퓨터에서 다른 컴퓨터로 파일을 전송할 수 있도록 하는 방법과, 그런 프로그램을
    모두 일컫는 말이다.

    - 일반적으로 웹브라우저에는 passive mode 가 설정되어 있고, FTP 프로그램은 active mode가 기본으로
    설정되어 있다.

    - 21번 포트는 command 포트이고, 20번 포트는 data 포트이다.


    Passive mode & Active mode 차이점

    - 서버단에 방화벽이 있으면 Active mode, 클라이언트 단에 방화벽이 있으면 Passive mode 를 사용한다.
    - 방화벽은 내부에서 외부로 가는 것은 허용하나 외부에서 내부로 들어오는 것은 제한적이기 때문에
    내부에서 먼저 data 포트로 연결을 시도한다.


    Active mode 동작
     data channel 을 서버쪽(방화벽 내부)에서 먼저 연결을한다.




    Passive mode 동작
    data channel 을 클라이언트에서 먼저 연결을 하게 된다.
    Passive mode는  Active mode에서 사용하는 20~1024 포트(특권포트)를 사용하지 않음으로 서버의
    비특권포트(1025~65535) 를 방화벽에서 모두 해제하여 무방비 상태로 두어야 한다는 문제점이 있다.
    그렇기 때문에 데이터 전송을 위한 포트를 지정하고 해당 포트만 사용하여 데이터를 전송하고 받는 방법
    을 사용하여야 한다.

    출처 : http://blog.naver.com/mububja119?Redirect=Log&logNo=130133817780

    [ERwin] Logical/Physical 컬럼 순서 동기화시키기(R7이후)

     [ERwin] Logical/Physical 컬럼 순서 동기화시키기(R7이후)


    0. Explain
      - ERwin R7부터는 Logical, Physical 별로 컬럼순서가 관리되기 때문에 동기화 작업이 필요할 경우가 있다.
      - Version : 7.1.0.1075

    1. Entity or Table을 선택한다.

    2. 마우스 우클릭 Columns(Physical)  or Attributes(Logical) 선택
      Ex) Logical에 맞춰서 Physical을 변경하고 싶을 경우 Physical 상태에서 우클릭







         

    3. Reset... 선택

    4. Reset Order 선택

    5. 선택한 테이블만 바꿀것인지 or 전체를 바꿀것인지 선택 > OK > 완료!!!

    2012년 3월 21일 수요일

    Data URIs

    Mar 25 2010
    70
    HTML로 <img> 요소를 사용하거나 CSS에서 배경 이미지를 선언하면 외부 이미지 파일에 연결하지 않아도 된다. 당신은 Data URIs 사용하여 문서에 직접 이미지 데이터를 추가할 수 있습니다.

    With CSS, it looks like this:
    li {
    background
    :
    url
    (data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/ 
            XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
    AAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QA
    nQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7)
    no-repeat
    left center
    ;
    padding
    : 5px 0 5px 25px;
    }
     
    With HTML, it looks like this:

    <img width="16" height="16" alt="star" src="data:image/gif;base64,R0lGODlhEAAQ
    AMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAA
    AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVIC
    SOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViF
    IDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7" />
     
    기본적인 포맷:
    data:[<mime type>][;charset=<charset>][;base64],<encoded data>
    기본적으로 긴 캐릭터의 문자열입니다. 어이없이 긴 코드 같지만 이 코드를 브라우저가 읽어들여 해석합니다
    여기를 클릭하면 샘플 페이지를 볼 수 있습니다. 여기가 글쓴이가 봣을땐 가장 좋은 사이트 같다고 합니다 

    왜 이걸 사용할까?

    가장 큰 이유는 HTTP 요청할 이미지 데이터를 저장함으로써 기본적인 document 크기가 다른 요소(이미지 데이터등 )을 불러올때보다 훨씬 빠르게 요소를 가져올 수 있습니다

    어떻게 코드를 구합니까?

    Use this online conversion tool. It's the nicest one I have found.

    브라우저 호환성

    데이터 URI는 IE 5-7에서 작동하지 않지만, IE 8에서 지원됩니다. 

    중요 사항

    • 임베디드 코드의 크기 자체에 의한 자원의 크기보다 약간 큽니다. GZip압축도움 됩니다.
    • Internet Explorer 832,768 바이트의 가장 낮은 최대 데이터 URI 크기를 가지고 있습니다
    • 사이트 모든 데이터를 임베디드 data URIs로 유지하긴 힘들다. 단지 이미지 업데이트하는것은 간편해졌다
    • 당신이 PHP(or PHP as CSS), 를 사용한다면 data URIs를 만들기 쉽다 <?php echo base64_encode(file_get_contents("../images/folder16.gif")) ?>
    • 용량이 좀 되는 css파일을 캐시하여 사용하면 도움이 된다. css파일이 50kb로 6개가 있다면 300kb의 한번의 문서를 불러들이면 6번의 request를 절약할 수 있다. 그러나 그게 이미지 파일을 캐시 할지 모르겟지만 css파일 만료일 설정을 해주면 도움이 될 것이다.
    • Data URIs는 이미지에 국한되지 않습니다.
    원본문서 http://css-tricks.com/data-uris/%20
    참고문서 http://jonraasch.com/blog/css-data-uris-in-all-browsers

    근데 이미지가 너무 커지면 안된다..