Web Development/jQuery&javascript12 jquery로 말줄임 기능 만들기 위와 같이 일정 글자수가 넘어가면 '...' 처리를 하려고 했다. 처음에는 css line-clamp ,ellipsis로 처리하려고 했는데 크로스브라우징에 문제가 생겨서 ㅜㅜ 크롬에서는 잘되는데 ie에서 안되는 관계로 결국에는 스크립트로 진행했다. -javascript 1 2 3 4 5 6 7 8 9 10 $('.line-clamp').each(function(){ var lentgh = 80; //글자수 $(this).each(function(){ if($(this).text().length >= length){ $(this).text($(this).text().substr(0,length)+'...'); } }); }); Colored by Color Scripter cs -html 1 2 3 4 이.. 2020. 1. 7. [AJAX]동기방식으로 서버 전송 -AJAX 기본 설정은 비동기로 보내는 방식이지만 가끔씩 전송이 완료가 되었는지 확인이 필요할때가 있다. 이럴때는 동기방식으로 바꿔줘야하는데 간단하다. AJAX옵션중에 async:false 로 바꿔주면 동기방식으로 바뀐다. 예제 1 2 3 4 5 6 7 8 9 10 11 12 function checkId(){ var id = $('#id').val(); $.ajax({ url:'/idDuplChk.do', type:'post', data:{id:id}, async:false, success:function(data){ }, error:function(){} }); }; Colored by Color Scripter cs 2018. 5. 1. [javascript]window.close() 주의할점 -window.close() 쓸때 조심할점... form을 사용하여 post 방식으로 submit 하고난 후 window.close()를 하게되면.. form의 데이터가 서버단으로 전송이 되기도 전에 window.close()가 창을 닫아버려서 데이터가 안가는 현상이 발생할수 있으니 주의... 대안으로는 데이터를 전송하고 다른 페이지로 이동 후 닫는 방법과 ajax 비동기로 보내고 닫으면 해결이 된다. 2018. 4. 5. [Ajax]아이디 실시간 체크 전자정부프레임에서 Ajax로 아이디 실시간 체크를 해봤다. 인풋이 일어날때마다 서버에 데이터를 보내 중복을 체크하는 방식이다 -스크립트단function checkId(){ var id = $('#id').val)(); $.ajax({ url:'/idDuplChk.do', type:'post', data:{id:id}, success:function(data){ if($.trim(data)==0){ $('#chkMsg').html("사용가능"); }else{ $('#chkMsg').html("사용불가"); } }, error:function(){ alert("에러입니다"); } }); }; -HTML단 -Controller단@RequestMapping(value = "/idDuplChk.do" , meth.. 2018. 1. 3. [jQuery]selectbox change 이벤트 + 태그 변경 셀렉트박스에서 옵션을 바꾸면 이벤트를 발생시키는 기능 + 태그 변경 셀렉트박스에서 옵션을 바꾸면 태그를 변경시켜주는 기능이다. 이메일 직접입력같은곳에 쓰면 유용함 $(document).ready(function(){ $('#email').change(function(){ var email = $('#email').val(); //id선택자로 email select box값 추출하여 저장 if(email == 'custom'){ //selectbox value가 custom이면 $("#email").replaceWith(""); //selectbox 태그를 input 태그로 변경 } }); }); 2017. 12. 29. 이전 1 2 3 다음
