썩구노트

홈페이지를 볼 때 가끔 조회하는 동안 로딩 이미지를 보게 됩니다. 저도 잘 몰랐는데 너무 간단하네요.다음과 같이 jquery에서 지원하는 ajax함수인데요.beforeSend에서 이미지를 보여주고 complete에서 이미지를 감추면 끝입니다.말그대로 요청 보내기전에 이미지를 보여주고 응답이 완료되면 어미지를 감추는것이죠.$.ajax({ type:"POST" ,url: "서버주소" ,data:"파라미터" ,success:function(res){ (조회성공일 때 처리) } ,beforeSend:function(){ (이미지 보여주기 처리) $('.wrap-loading').removeClass('display-none'); } ,complete:function(){ (이미지 감추기 처리) $('.wrap-..

/** * yyyyMMdd 포맷으로 반환 */function getFormatDate(date){var year = date.getFullYear(); //yyyyvar month = (1 + date.getMonth()); //Mmonth = month >= 10 ? month : '0' + month; // month 두자리로 저장var day = date.getDate(); //dday = day >= 10 ? day : '0' + day; //day 두자리로 저장return year + '' + month + '' + day;} 현재 날짜 yyyyMMdd 포맷으로 변환하려면 아래와 같이 사용하면 됩니다.var date = new Date();date = getFormatDate(date);

어떤 언어든, DB SQL 이든 날짜 타입이 가장 어렵지 않나 합니다.물론 다른 타입에 비해 그렇다는 것이지만 그래도 더하기, 빼기, 차이등의 연산을 하다보면 다루기 은근 쉽지 않을때가 있네요.자바스크립트 날짜 계산 역시 마찬가지 인데요.단순히 +, - 등으로 계산될 수 있지만 일, 월, 년등을 더하려면 약간 고려해야 할 점들이 있습니다. 그럼 다양한 자바스크립트 날짜 연산을 살펴 보도록 하겠습니다. 1. 일 ( day ) javascript 날짜 계산에서 일을 더하기, 빼기는 getdate() 함수에 원하는 일자의 숫자를 +, - 로 설정하시면 됩니다.위의 예제의 경우 우리가 입력받은 텍스트에 대한 day를 plus 한 예제로 표현되는 포멧등은그냥 구성하였으니 원하시는 방법으로 처리하면 되겠죠. 2. ..

보통 로그인을 할 때 보면 아이디를 입력하는 칸 오른쪽에 id저장하기 체크박스가 있는 것을 볼 수 있다. 체크를 하면 다음에 그 페이지를 열었을 때, 다시 입력하지 않아도 저장된 아이디가 입력되어있다. 아래 소스는 그것을 구현한 것인데.. 세션이 아닌 쿠키를 사용한 이유는 브라우저를 닫고 다시 열었을 때에도 ID가 남아있게 하기 위해서였다. 자바단에서 처리해야 할지 화면단에서 처리해야 할지 고민이 조금 있었지만, 가벼운 소스를 굳이 자바단에 태울 필요가 있을까 싶기도 하고, 어떤 것은 자바단에 어떤 것은 화면단에 넣는 것도 유지보수할 때 번거로울 것 같아서.. 그냥 자바스크립트로 다 화면단에서 해주기로 했다. id를 입력받는 input text 태그와 그 옆에 id 저장하기 input checkbox를 ..

jQuery에서 지원되는 함수만으로 간단하게 태그값들을 확인 할수 있습니다.그리고 반대로 원하는 값을 태그값에 적용 또한 가능합니다. html()함수와 text() 함수 그리고 val() 함수에 대하여 포스팅 해보도록 하겠습니다. $("셀렉터").html()셀렉터태그내에 존재하는 자식태그을 통째로 읽어올때 사용되는 함수※ 태그 동적추가할때 주로 사용되는 함수 $("셀렉터").text()셀렉터태그내에 존재하는 자식태그들 중에 html태그는 모두 제외 한 채 문자열만 출력하고자 할때 사용되는 함수※ html태그까지 모두 문자로 인식시켜주는 함수 $("셀렉터").val()INPUT 태그에 정의된 value속성의 값을 확인하고자 할때 사용되는 함수 위에 대한 함수들을 각 예제를 통하여 이해해보도록 하겠습니다. ..

날짜 비교 입니다. 값을 가져와서 split로 자른후 Date 객체 생성 후 getTime로 비교 하는 것 입니다. 날짜 기간 조회시 시작 날짜가 종료 날짜 이후라면 검색(submit) 이 안 되도록 하는 스크립트 입니다. 1234567891011121314151617181920$("#search").click(function(){ var startDate = $( "input[name='startDate']" ).val(); var startDateArr = startDate.split('-'); var endDate = $( "input[name='endDate']" ).val(); var endDateArr = endDate.split('-'); var startDateCompare = new Da..

javascript: if(confirm('현재권한으로 글쓰기가 불가능합니다.\n로그인 하시겠습니까?')) window.open('/pds/member/login_main.asp?group_name=expo','','width=430,height=350')

첫글자의 초-중-종성 (검색시 도움이 되지 않을까 하는 생각.) 첫글자. cho jung jong

뒤로가기 : 뒤로갈껴~ 새로고침 : 새로고칠껴~ 앞으로 가기 : 앞으로나모에서는 하이퍼링크 만들 문자나 그림을 선택한 후 '주소'창에 javascript:history.back() 을 적으면 뒤로 단추이고 javascript:location.reload() 을 새로고침 단추가 됩니다. javascript:history.forward() 를 적으면 앞으로 가기가 됩니다. (물론 이미지로도 링크 되겟죠.) 다른 방법....:: 뒤로가기 back:: 새로고침 reload:: 앞으로가기 앞으로가기

약간의 노가다가 필요하다!!! .myColor1 {color:#000000;} .myColor2 {color:#D6D6D6;} ^^|| function test() { var user_name = document.getElementById('user_name');var re = /([^가-?Rㄱ-ㅎㅏ-ㅣ\x20])/i;if(user_name.value=="3~5글자로 입력하세요.") { alert("성명을 입력해 주세요.");user_name.focus();return; } else if(re.test(user_name.value)) { alert("성명 : 한글로만 입력해주세요."); user_name.value=""; user_name.focus(); return; } }