공부/JavaScript & Jquery (27) 썸네일형 리스트형 margin값 변경 개발을 하던 도중 상황에 따라서 margin값 변경이 필요해서 적용을 해보려는 도중 div에 class값만 있어서 document.getElementsByClassName을 사용하여 변경을 해주려고 했는데 ex) var tmp = document.getElementsByClassName("aa"); tmp.style.marginBottom = '155px'; 이렇게 했을때는 계속 property 오류가 난다. 설마 id값으로만 변경이 가능한가 해보니 ex) var tmp2 = document.getElementById("aa"); tmp.style.marginBottom = '155px'; 정상적으로 적용된다 이유는 모르겠는데..흠 찾아봐야겠다 [HTML] input 자동완성 막기 간혹 input값에 password 타입을 주다보면 크롬창에서는 자동완성으로 들어가지는 경우가 있음. 자동완성이 되지 않게 하기 위해 찾아보다가 autocomplete="off" 를 사용해보았지만 해결이 되지 않았고, autocomplete="false" 또한 되지 않았다. 결국 해결 방안은ㅇ autocomplete="one-time-code" [JavaScript] 모달창 띄웠을때 스크롤 제어 모달을 띄웠는데도, 화면이 움직이는 이슈 발생 모달이 올라왔을때는 스크롤을 제어해야하는 상황 해결 $(function(){ $(".modal").show(function(){ document.body.style.overflow = 'hidden'; }); }); $ is not defined 오류 작업을 하는 도중에 콘솔창에 $ is not defined 라는 오류가 발생 js쪽 오류가 나서 뭔가 싶었다. 해결 : jquery를 제대로 인식을 하지 못했기 때문 내부 폴더에 jquery파일이 있으면 경로를 잘 잡아주고, 외부 호출이면 url을 잘 입력해주면 된다. 간간히 버전이 안 맞아서 그렇다고도..? 간단하게 모달 창 올리기 앞서 올렸던 체크박스와 연계로 체크박스가 선택이 안되었을경우 Alert창을 사용할 수도 있지만, 모달창으로 조금 더 고급?지게 보여줄 수 있다. 모달창을 올려보자 이런식으로 간단한 모달창을 만들어주고, 버튼을 만들어서 모달창을 올려도 되고, 나 같은 경우에는 체크박스가 checked가 안되었을 경우 모달창을 올릴 것이기 때문에 if(paymethod==""){ $("#Modal3Msg").html("결제수단을 선택하세요."); $(".modal").fadeIn(); return; } 이런식으로 if문을 걸어서 fadeIn하도록 사용했다. 체크박스 선택 시 전체 선택 또는 단일 선택 시 전체 선택 이용약관 등 체크박스가 여러개 있을 경우 checked 유무에 따라서 전체 선택, 전체 해제가 필요 한 경우가 있다. 그럴 경우에는 input name을 동일하게 맞춰주면 유용하게 사용할 수 있다. $("#checkAll").click(function() { if ($("#checkAll").prop("checked")) { $("input[name=check]").prop("checked", true); } else { $("input[name=check]").prop("checked", false); } }); 또는 단일 선택으로 모든 체크박스를 선택했을때 전체선택이 되도록 하는 방법도 있다. $("input[name=check]").click(function() { if ($("input[name=.. Assignment to constant variable 에러 JavaScript ES6버전 이상이면 나올 수 있는 에러 원인 : const로 할당해준 변수를 다시 재할당하려고 해서 난다. 해결 : const를 var로 변경해줌. [css] z-index 결제화면 웹뷰를 만드는데, 제일 필요한 결제하기 버튼보다 다른 버튼들이 계속 겹쳐져서 정작 결제하기 버튼을 가리는 이슈 발생 해결 : z-index로 우선순위를 줘서 결제하기 버튼이 항상 위로 올라오게 만듬 z-index 줄때 -로 줄수도 있으니 참고..! 이전 1 2 3 4 다음
