너와 나의 프로그래밍

IE8 이후 버전의 Textarea는 자동으로 늘어나지 않는다. ex) function keyup(obj) { obj.style.height = '1px'; obj.style.height = (obj.scrollHeight) + 'px'; } 이런식으로 스크립트 처리를 해서 자동으로 줄바꿈이 될 수 있도록 처리를 하였다.

[Javascript] Chrome에서 TextBox를 onblur->focus를 했을 때 무한 루프 현상 다른 브라우저(Edge, FF, IE)에서는 발생하지 않았으나, Chrome에서만 발생하는 문제가 있었다. window.onload = function() { var input = document.getElementById("test"); input.addEventListener("blur", function() { if (confirm("confirm")) { alert("true."); } else { alert("false."); input.focus(); } }); } input이 blur가 되면 confirm창으로 확인/취소를 하고 취소를 하면 input에 다시 focus를 주는 기능을 구..

Edge 브라우저에서 작업을 하는 도중 FF, Chrome, IE는 정상적으로 사이즈가 나오나, 이상하게 Edge만 popup사이즈가 안맞는 문제가 발생했다. 넓이를 230으로 길이를 265로 준 상황이다. 하지만 Edge 브라우저에서만 넓이가 정상적으로 적용되지 않았다. 이유인 즉슨, Edge 브라우저의 최소 넓이가 320px이란다...(이거 찾느라고 진짜 개고생한거 같다) https://stackoverflow.com/questions/50849698/edge-browser-window-open-size/50851521#50851521 (▲질문&답변) 스택오버플로우에서 질문을 했었는데 진짜 오랜시간동안 해결하지 못한 문제를 누군가가 답변해 주었다. https://developer.microsoft.c..

요즘 네이버 지식in을 통해 공부하고 있다. 질문자들이 올린 JS나 Jquey 질문등을 통하여 내가 해결해보며 답변자가 되보는 공부다. 그냥 일반적으로 책으로 공부하는것보다 뭔가 더 플러스가 되는 것 같다... 그래서 요번에 재밌는 질문을 가져왔다. Jquery 애니메이션을 활용하여 버튼을 누르면 늘어나고 다시 버튼을 누르면 원상태로 복귀되는 질문이였다. 기초적이고 간단할 지 모르겠지만, 실무에서 정말 많이 쓰이는게 아닌가 싶다. 또 이런식의 웹 페이지를 구현한 곳이 정말 많고 많이 접할 수 있다. (사실 jquery를 공부하면서 애니메이션은 깊게 공부하지 못해서 애니메이션을 처음 접하는 나에게도 정말 좋은 질문이였고 답변 또한 너무 고마웠다.) 질문 코드는 이러했다. = 버튼을 누르고 id가 block..

TD안의 이미지를 자동으로 셀 높이에 맞게 채우기 TD안에 있는 이미지를 어떻게 하면 꽉 채우면서 TD의 높이값이 변경되면 자동적으로 이미지의 높이값도 바뀔지 정말 고민을 많이 했다. 당연히 TD의 높이값을 100%를 주거나 이미지의 높이값을 100%를 준다면 될 줄 알았는데 역시나 실패였다. 구글링을 아무리 해도 제대로 나오지 않았고... 단순 유동적인 이미지의 속성값이 전부였다. (물론 내가 잘 못찾았을 수도 있음 ㅎㅎ;;) 안녕하세요 처음에는 이런식으로 구현을 해봤지만 옆 "안녕하세요" TD값의 높이가 변경이 되도 "이미지의 TD값의 높이가 변경되지 않고 꽉 채워지지도 않은" 그대로였다. 그래서 해결한 방안이... 안녕하세요 이미지가 들어있는 TD안에 로 이미지를 감쌌더니 해결됬다. 이걸 javas..

Ajax 관련 메서드 종류 풀이 load() 외부 콘텐츠를 가져올 때 사용 $.ajax() 데이터를 서버에 POST, GET 방식으로 전송이 가능하며, HTML, XML JSON, 텍스트 유형에 데이터를 요청할 수 있는 통합적인 메서드 $.post() 데이터를 서버에 POST 방식으로 전송한 후 서버 측의 응답을 받을 때 사용 $.get() 데이터를 서버에 GET 방식으로 전송한 후 서버 측의 응답을 받을 때 사용 $.getJSON() 데이터를 서버에 GET 방식으로 전송한 후 서버 측의 응답을 JSON 형식으로 받을 때 사용 .getScript() Ajax를 이용하여 외부 자바스크립트를 불러올 때 사용 .ajaxStop(function(){ ... }) 비동기 방식으로 서버에 응답 요청이 완료되었을 때..