Call sign Wyseburn!! ~(-_-)~ 딩가딩가~

http://code.google.com/p/zen-coding/ 

단축된 코드(CSS3문법과 동일)를 입력하면 자동으로 html, css 코드로 변환해 주는 plugin 으로 이클립스 및 넷빈즈,

울트라 에디트등  다양한 텍스트 에디터를 지원합니다. 다만 에디트플러스는 정식지원은 없는 듯합니다.

에디트플러스에서 사용할 수 있는 변형된 파일은 존재하는 듯함.

div#page>div.logo+ul#navigation>li*5>a 를 입력하면 아래 코드로 변환이 됩니다.

익숙해지면 하드 코딩시 보다 나은 코딩 속도를 보장할 수 있을 것 같습니다.

/**
 * encrypt, decrypt 관련 함수
 *
 * @author     Yongseok Kang <wyseburn(at)gmail.com>
 * @copyright Copyright (c) 2011, Wowsoft co., ltd
 * @since       2011. 7. 13.
 * @category   
 * @version     1.0
 */

define('ENC_KEY', 'enckey!@#$'); //키 값

/**
 * hex2bin
 * @param string $hexdata
 */
function hex2bin($hexdata) {
    $bindata="";
    for ($i=0,$cnt=strlen($hexdata);$i<$cnt;$i+=2) {
        $bindata .= chr(hexdec(substr($hexdata,$i,2)));
    }
    return $bindata;
}
/**
 * 키를 통해 암호화
 * @param string $str
 */
function m_encrypt($str) {
    return bin2hex(mcrypt_ecb(MCRYPT_RIJNDAEL_192, md5(ENC_KEY), $str, MCRYPT_ENCRYPT));
}
/**
 * 키를 통해 복호화
 * @param string $str
 */
function m_decrypt($str) {
    return trim(mcrypt_ecb(MCRYPT_RIJNDAEL_192, md5(ENC_KEY), hex2bin($str), MCRYPT_DECRYPT));
}

httpd.conf 에 아래 내용 추가

# Don't bother looking for favicon.ico & MaSiteInfo.ini

Redirect 404 /favicon.ico

Redirect 404 /MarkAny/Websafer/MaSiteInfo.ini

 

# Don't bother sending the custom error page for favicon.ico & MaSiteInfo.ini

<Location /favicon.ico>

    ErrorDocument 404 "No favicon"

</Location>

<Location /MarkAny/Websafer/MaSiteInfo.ini>

    ErrorDocument 404 "No MaSiteInfo"

</Location>

JQuery UI dialog, menu 등의 팝업을 특정 위치에 오픈되도록 하는 방법

1. 마우스의 위치에 따라 결정되게 하는 방법
 - 마우스 좌표를 저장한 후 position 값에 x, y 를 준다.

var x = null;
var y = null;
$(document).ready(function() {
    $(document).mousemove(function (e) {
        x = e.clientX; y = e.clientY;
    });     
    $('#id').dialog({position: [x, y]});
});


2. 특정 개체의 위치에 의해 결정되게 하는 방법

$(document).ready(function() {
    $('#id').dialog({
        position: {
            my : 'left top',
            at : 'right top',
            of : '#id2'
        }
    });
});
 
my : dialog 의 위치 (#id)
at : 위치할 개체의 위치 (#id2)
of : 위치할 개체

위의 설정은 dialog 의 왼쪽 위 모서리를 #id2 개체의 오른쪽 위 모서리에 위치하겠다는 설정임.
단 JQuery UI 의 Position 유틸리티가 설치되어야 한다.

http://jqueryui.com/demos/position/  

Position 유틸리티의 좌표계는 아래 이미지를 참고