본문 바로가기

분류 전체보기128

[ASP] 코드실행중 이하의 코드를 실행할 필요가 없는 경우 보통 C,JSP 등은 더이상 코드를 실행하고 싶지 않을때는 return 을 사용합니다.PHP 의 경우에는 exit 를 사용하면 Exit 아래의 코드가 더이상 실행이 되지 않고 종료가 되죠 ASP의 경우에는 아래와 같은 명령어를 써주면됩니다. [코드실행중 더이상 실행을 안하고 싶을때]response.end [function] 에서의 함수 종료exit function [sub] 에서 루틴종료exit sub ASP는 잘 찾기 어렵기때문에 기록을 잘 해둡니다.. 2019. 4. 17.
[자바스크립트] Ajax로 데이터를 넘길때, 공백과 엔터값등이 사라질경우 input 창 또는 textarea 에서 글을 입력후 Ajax 로 처리하기 위해서 값을 넘겼는데공백과 엔터키 값등이 다 사라지고 저장이 되는경우가 있다. 그럴경우에는 넘길 데이터를 변수에 저장한다음, 해당변수를 인코딩 처리해서 넘기면됩니다. 예를 들면 아래와 같다 var text = "ab cd ef"; text = encodeURIComponent(text); 이런식으로 인코딩을 해주면, 띄워쓰기 값과, 엔터키 값등이 ajax param 값으로 넘길때잘 넘어가집니다. ^^ 2019. 3. 26.
[CSS] placeholder 글자 색상변경하기 input 창이나 textarea에 도움말을 적어놓기 위하여 placeholder 속성을 많이 사용합니다. 근데 이 placeholder 또한 CSS로 색상을 입힐수가 있습니다. 다만 크롬계열과 익스플로러 둘다 적용시키기 위해 각각의 브라우져에 맞게 CSS를 입력해줘야 합니다. HTML 부분 CSS 부분 input::placeholder {color:#ccc;} input::-webkit-input-placeholder {color:#ccc;} input:-ms-input-placeholder {color:#ccc;} textarea::placeholder {color:#ccc;} textarea::-webkit-input-placeholder {color:#ccc;} textarea:-ms-input-.. 2019. 3. 20.
[Jquery] Bx Slider 옵션 Bx슬라이더는 무료슬라이더중 정말로 자주사용하는 슬라이더중 하나입니다. 옵션도 풍부하여 커스터마이징을 하여 사용하면 정말 많은 작업들을 할수 있습니다. 그런데 문제는 Bx슬라이드 홈페이지가 언제 리뉴얼이 될지 모르고,리뉴얼시 기존에 테스트문서라든지, api 문서가 남아 있을지 알수가 없습니다. 얼마전 bxslider 홈페이지가 리뉴얼이 되면서 기존 예제들이 전부 사라졌죠.... 아래 문서도 사라지기 전에 따로 기록을 해두는것이 좋을꺼 같아서 기록을 해둡니다. General Name Default Description mode 'horizontal', 'vertical', 'fade' 'horizontal' Type of transition between slides speed integer 500 Sli.. 2019. 3. 12.
[CSS] inputBox Type=file 디자인하기 Input Box 디자인 하기나름 많이 사용합니다... 특히 이미지업로드 할때 미리보기 할때 많이 사용합니다. 이미지 업로드 file 의 경우 브라우져마다 보여지는 디자인이 다르고,이쁘지도 않다.. 그래서 디자인을 하는경우가 많습니다. 여기서 FileReader 를 사용하는데 IE10 이상에선 모두 지원하니 참고하시기 바랍니다. See the Pen Input type file by DeokHwan (@deokhwan) on CodePen. CSS의 세계는 깊게 들어갈수록 점점더 디자인이 이뻐지는것 같아요 ^^ 2019. 3. 4.
[Jquery] 원형 그래프 플러그인 그래프를 사용할일이 종종 있다, 수많은 그래프가 많이 있지만 쉽고 간단하게 사용할수 있는 그래프가 있어서 기록을 합니다. 파일명은 circle-progress.js 라는 파일로써 생각보다 기능도 많고 괜찮게 쓸수 있는 플러그 인이네요. 해당 플러그인 Github 주소입니다. https://github.com/kottenator/jquery-circle-progress 플러그인 파일은 위에 주소에서 받으면 됩니다. See the Pen circle-progress by DeokHwan (@deokhwan) on CodePen. 예제로 만들어본 부분이니 참고하면 좋을것 같습니다. 아래 내용은 옵션입니다. Option Description value This is the only required option... 2019. 2. 22.
[CSS] 인터넷익스플로러[IE]의 css transition 떨림문제 해결방안 최근들어 배경화면이 서서히 커지는 효과를 많이 사용합니다. 근데 크롬과 파이어폭스등은 transition 효과를 사용하여 scale로 점점 커지게 하면 부드럽게 아주 잘 작동을 합니다. 그러나!!! 항상 문제는 IE 가 문제네요... scale 효과로 점점 커지게 할때, 이미지가 떨리는 현상이 발생이 됩니다. 한참을 인터넷을 검색하다가, 외국사이트에서 IE 오류라고 하네요... 망할... IE 언제쯤 사라질래..... 다행히 해결방안을 제시합니다. 방법은 transform:perspective(500px) rotate(.001deg); 추가 하라는것이네요. CSS부분을 그래서 아래와 같이 처리를했더니 떨림을 잡아줍니다.. 다행.... .mainFullPage .section .setionbg {width.. 2019. 2. 8.
[자바스크립트] input 창에서 핸드폰 번호 자동으로 하이픈 입력하기 기본적으로 회원가입 폼을 만들때나 고객정보를 받기위해 폼을 만들때핸드폰 번호를 입력하는란을 만들때가 있습니다. 보통은 select 박스로 010,011,017 등을 선택하게 만들고input 박스 2개를 만들어서 나머지 번호를 받도록 만드는게 일반적이긴 합니다. 하지만 CSS를 브라우저별로 맞춰야 하고 간격유지와 반응형으로 제작시CSS를 넣기가 만만치 않습니다. 그래서 input 창에 숫자를 입력하면 자동으로 하이픈이 들어갈수 있도록스크립트로 처리를 하니 CSS를 따로 만들필요가 없어서 편했습니다. HTML 부분 JS부분 $('.phone').keydown(function(event) { var key = event.charCode || event.keyCode || 0; $text = $(this); i.. 2019. 1. 30.
[CSS] transition 으로 네모박스 그리기 요즘엔 브라우져를 그나마 최신 브라우져를 많이 사용하기 때문에 Transition 속성을 많이 사용하게 됩니다. 마우스 오버되었을때 박스 테두리를 선으로 그려주는 CSS입니다.정확히 뭐라고 말을 해야될지 모르겠네요... 아래 소스코드를 한번 보면 이해가 쉬울것입니다. See the Pen CSS Transition 으로 네모박스 그리기 by DeokHwan (@deokhwan) on CodePen. 많이 사용하는 방법중에 하나라서 기록을 해둡니다.^^ 2019. 1. 25.

티스토리툴바