전체 글

디지털 노마드를 꿈꾸는 지구인
웹이야기

[Javascript] 자바스크립트 영문,숫자 체크

자바스크립트 영문,숫자 체크 function eng_chk(p_txt) { var re = /^[a-zA-Z0-9]{4,20}$/; if( re.text(p_txt) ) { return true; } else { return false; }} 영문 소문자, 대문자, 숫자만 입력 가능하게 하는 함수.오류가 있을려나? 테스트 해봐야하나? ㅋㅋㅋ

웹이야기

[CSS] css 속성 중 !important 선언

CSS 속성 중 !important 선언 * !important 선언에 대해서 !important(!중요도) 선언은 모든 style 규칙에 우선하며 inline style, id selector, class selector들로같은 style 속성을 선언했더라도 그 값을 모두 무시하여 !important로 선언한 속성값을 적용시킵니다.이러한 !important 선언을 하는 이유는 다양하겠지만 주로 인쇄 즉 프린트 적용을 위해 많이 사용된다고 합니다. 웹페이지를 모니터로 볼때는 글씨 색이 여러가지면 보기 좋을지 모르지만 프린터로 출력하게 되면블루계통이나 그레이계통의 글씨들과 같이 흐린 색상의 글씨는 희미하게 출력되어 보기가 불편하게 됩니다.이런 경우 글씨를 검정색으로 바꾸기 위해 selector를 하나하나 ..

웹이야기

[HTML] input 한글, 영문 입력 im-mode

[HTML] input 한글, 영문 입력 im-mode 한글,영문 입력 - 영문만 입력 - 기본 한글, 영문 입력 - 기본 영문, 한글 입력 - 크롬에서는 im-mode:disabled 가 안먹힘.function noHangul(obj){ obj.value = obj.value.replace(/[\ㄱ-ㅎ가-힣]/ㅎ,'');}이렇게 한글입력 막아야함.

웹이야기

[PHP] Header, GET, POST

[PHP] Header, GET, POST headerphp에 헤더를 설정하지 않고 그냥 작업을 하면 이런 경우가 발생합니다. 위와 같이 작성하고 실행을 한 화면입니다. IE 와 불여우 입니다. 불여우는 그냥 제대로 나오는 군요.헤더를 안 설정해 줘서 그렇습니다. 간혹 UTF-8로 페이지를 인코딩하고 HTML은 설정을 해줬으나 php는 설정하지 않은 경우한글을 폼에서 입력받아서 그 값으로 php에서 DB검색을 하는데 값이 안 나옵니다. 대략난감....header("content-type:text/html;charset:utf-8");그럼 IE 에서도 잘 나옵니다.요렇게 나오는 군요. header 함수는 http를 전송하는 것이며, // 문서형태와 문자셋header("Content-Type:text/htm..

지름신

2011 미니 쿠퍼 컨버터블 (2011 MINI Cooper Convertible)

지르고 싶은 ㅋㅋㅋ2011 미니 쿠퍼 컨버터블 (2011 MINI Cooper Convertible) 근데, 작겠지? ㅋㅋㅋ

일상생활

서울 지하철 9호선 급행열차 승차역

서울 지하철 9호선 급행열차 승차역 급행열차 승차역김포공항 - 가양역 - 염창역 - 당산역 - 여의도역 - 노량진역 - 동작(현충원)역 - 고속버스터미널역 - 신논현역 급행열차는 대략 10분의 한대꼴이다. 참고 URL :: http://www.metro9.co.kr/jsp/guide/gu_info.jsp

웹이야기

[CSS] Position - static, fixed, relative, absolute

[CSS] Position - static, fixed, relative, absolute AAABBB AAABBB 출처 - http://www.w3schools.com/css/css_positioning.asp

웹이야기

[PHP] 문자 대,소문자 변환

소문자 변환strtolower() 대문자 변환strtoupper() 첫 글자만 대문자ucfirst() 각 단어의 첫 글자만 대문자ucwords()

웹이야기

[HTML] input type=file 이미지버튼으로

http://www.quirksmode.org/dom/inputfile.html div.fileinputs { position: relative; } div.fakefile { position: absolute; top: 0px; left: 0px; z-index: 1; } input.file { position: relative; text-align: right; -moz-opacity:0 ; filter:alpha(opacity: 0); opacity: 0; z-index: 2; }

웹이야기

[CSS] Media로 해상도별 작업하기

참고사이트 :: http://www.stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries/ CSS 작성으로 제어하기/* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* Styles */ } /* Smartphones (landscape) ----------- */ @media only screen and (min-width : 321px) { /* Styles */ } /* Smartphones (portrait) ----------- */ @med..

마두크
★탱이별★