본문 바로가기

분류 전체보기128

[자바스크립트] Form 유효성검사 원칙 웹개발을 하다보면 form을 정말로 많이 사용하게 됩니다. 폼을 사용하면서 잘못된 습관이 있습니다. 바로 유효성 검사를 할때 a 태그로 유효성 검사로 폼을 넘기는 부분이죠. 폼의 유효성 검사는 여러가지가 있지만.... 저같은 경우엔 엔터키로 값이 넘어가는걸 우선시 하게 됩니다. 이때 a 태그로 유효성 검사를 하게 된다면 엔터키가 먹지를 않아요. 그래서 저는 주로 사용하는 방법이 바로 form 에 있는 onsubmit 을 사용하는부분입니다. 아래 예제를 한번 살펴보세요~~ HTML부분 JavaScript 부분 function loginSuccess(){ var loginSuccess = $(".loginMessage"); if (!document.login.id.value){ loginSuccess.tex.. 2019. 1. 17.
[CSS] img 태그 onerror 관련 보통 IMG 태그를 써서 사용하지만 가끔 img 태그가 로딩이 되지않아서 X엑박 이라고 하는걸 노출하는경우가 있습니다. 하지만 이미지를 읽어오는걸 실패했을때 X엑스박스를 노출하지 않고 미리 지정한 이미지를 보여주는것도 가능합니다. 여기서 this.onerror=null 을 넣은이유는 onError에서 지정한 이미지도 로딩이 되지 않는다면 다시 error 이벤트가 발생하게 되고, 무한 루프에 빠지게 되요. 이를 막기위해 최초 error 이벤트가 발생하여 한번만 처리를 하고 이후에 발생되는 error 이벤트에 대해선 처리를 하지 않기 위해 작성을 한부분이니 참고하세요. 2018. 12. 12.
[ASP] 데이터 타입별 데이터 타입 정리 ASP로 프로시져를 이용하여 데이터를 넘길때 CreateParameter 에 대한 데이터 타입별로 정리한 표입니다. 의외로 유용하게 사용되니 기록을 해둡니다.ASP자료가 많지 않아 이런것 하나하나가 소중하네요^^ 구분 SQL Server VB JET(MDB) ADO 2.5 최소값 최대값 저장소 크기 비고 BIT BIT Boolean Yes/No adBoolean 1 or 0 정수 TINYINT Byte Byte adUnsignedTinyInt 0 255 1 B SMALLINT Integer Integer adSmallInt -32768 32767 2 B INT Long Long Integer adInteger 약 -21억 (-2.1E+9) 약 21억 (2.1E+9) 4 B BIGINT adBigInt 약.. 2018. 11. 9.
[Jquery UI] jquery datapicker 한글화 달력의 경우 제이쿼리UI 에서 제공하는 datepicker 를 많이 사용합니다. 하지만 영문으로 되어있어서, 한글화 셋팅이 필요하게 되죠. 아래 예제처럼 간단하게 적용할수 있으니 참고하세요~~ HTML부분 JS부분 $.datepicker.setDefaults({ dateFormat: 'yy-mm-dd', prevText: '이전 달', nextText: '다음 달', 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.. 2018. 11. 8.
[Ajax] Ajax에서 데이터 불러올때 엔터값으로 발생한 에러 해결방안 Ajax로 데이터를 불러올때 엔터키 값때문에 오류가 나는경우가 있습니다.이럴경우 서버에서 불러올때 엔터키값을 로 바꾸고Ajax 데이터를 읽어오는곳에서 값을 다시 엔터키 값으로 치환을 해야합니다. 예를 들어 ASP에서 데이터를 입력할때 아래와 같이 입력값을 치환(Replace) 하면됩니다. ASP 예문 cont = Replace(cont,Chr(13)&Chr(10)," ") 이후 Ajax에서 불러올때 br태그를 다시 치환(replace) 해주면 됩니다. JS 예문 var cont = obj[i].cont.replace(' ','\r\n'); 이러면 Ajax에서 데이터를 불러올때 엔터키 값때문에 에러가 발생되지 않습니다. 2018. 11. 5.
[자바스크립트] 이미지업로드 미리보기 기능 서버단 까지 가지 않고 클라이언트 단에서 file에 이미지를 업로드를 하면이미지를 바로 보여주는 방법입니다. 단 이방법은 FileReader 를 사용하기 때문에 익스플로러 11 이상에서만 작동을 합니다.. HTML 부분 찾아보기 CSS 부분 .input-file {display:none;} .img-photo {width:150px; height:250px;} .btn {display:block; width:200px; padding:10px 0; text-align:center;} JS부분 function fnUpload(){ $('.bind-input-id').click(); } function LoadImg(value){ if (value.files && value.files[0]){ var rea.. 2018. 11. 1.
[자바스크립트] 스크롤시 요소하나하나 FadeIn 하기 요새 홈페이지들이 애니메이션 효과를 많이 줍니다... 특히 갤러리 게시판등에서 스크롤시 게시물들이 하나씩 보여지는 효과를 많이 쓰는것 같습니다 나도 구연할일이 생겨서 구연을 해보았습니다. HTML 갤러리 갤러리 갤러리 갤러리 JS $(function(){ console.log("현재위치 : " + $(window).scrollTop()); console.log("윈도우높이값 : " + $(window).height() / 2); var ele = $("ul.anyBox > li"); var any = Array(); // li의 위치값을 확인하여 ani 배열에 넣는다 ele.each(function(i){ ani[i] = $(this).offset().top; }); $(window).scroll(fun.. 2018. 10. 26.
[HTML5] audio태그를 사용방법 우연히 홈페이지 작업을 하다가... mp3를 재생을 해줘야하는 일이 생겼습니다....저같은경우 잘 사용하지 않는 웹에서 오디오틀기 ㅎㅎㅎaudio 태그를 이용하여 간단하게 작업해줍니다. HTML 부분 JS부분 function aud_play_pause(){ var myAudio = document.getElementById("myAudio"); if (myAudio.paused){ myAudio.play(); $('.aud_PlayBtn').find('img').attr('src',$('.aud_PlayBtn').find('img').attr('src').replace("_on","_off")); } else { myAudio.pause(); $('.aud_PlayBtn').find('img').attr.. 2018. 10. 22.
[CSS] 브라우져에 보이는 스크롤바 없애기 - 스크롤은 됨 브라우져상에 웹페이지가 길어지면 우측으로 스크롤바가 자동으로 생성이됩니다.타 브라우져는 테스트를 해보지 않아서... 확인이 필요하구요 대표적인 크롬과 익스플로어에선 CSS만으로 간단하게우측에 보이는 스크롤을 제거 할수 있습니다. 뭐든... 알면 쉬우나 모르면 한참 뒤적거리게 되니 참고하세요~ body{-ms-overflow-style:none; } body::-webkit-scrollbar { display:none; } 이렇게만 body에 CSS를 주게 되면 우측에 스크롤바가 사라집니다.물론 상하로 스크롤이 되면서 말입니다. 디자인상 스크롤을 없애게 되는경우 유용하게 사용하세요~ 2018. 10. 17.

티스토리툴바