반응형 Web Development/Frontend16 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. IE11용 CSS 핵 _:-ms-fullscreen, :root .classname{} ex)1234567_:-ms-fullscreen, :root .sample{ margin-top:10px; margin-bottom:20px; } cs 2019. 12. 11. [HTML5]html5전용 비디오 인코딩하기 처음에 HTML5 환경에서 비디오 주소를 첨부할때 뒤 확장자에 mp4만 붙어있으면 다 재생이 되는줄 알았다..;; 그런데 안됨..ㅎㅎ 비디오 코덱을 바꿔줘야 된다고...확장자 mp4 코덱은 H.264로 바꿔줘야 HTML5환경에서 잘 돌아가는 비디오가 된다. 2018. 5. 1. [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. 이전 1 2 3 4 다음 반응형
