WEB

[HTML] input file 버튼 이미지로 변경 - Label에 이미지를 넣어주고, input 을 "display: none;" 해주면 된다. + 추가 파일 업로드 후 이벤트 처리 방법 var file = document.getElementById("file-input"); file.onchange = function(){ // ... };

[Javascript] number spinner부제 : 버튼 꾹 누르면 숫자 계속 증가/감소하는 기능 구현 up down var timerInterval; var num = document.getElementById("num"); // 숫자 input box // 버튼 눌렀을 때 function mousedown(el) { timerInterval = setInterval(function () { if (el.id === "up") { // up button num.value = parseInt(num.value) + 1; } else if (el.id === "down") { // down button num.value = parseInt(num.value) - 1; } }, 100); } // 버튼..

[JavaScript] 클래스 제어 - 클래스 1개 추가 $('#element').addClass('class1'); element.classList.add('class1'); - 클래스 여러개 추가 $('#element').addClass('class1 class2'); element.classList.add('class1', 'class2'); - 클래스 1개 삭제 $('#element').removeClass('class1'); element.classList.remove('class1'); - 클래스 여러개 삭제 $('#element').removeClass('class1 class2'); element.classList.remove('class1', 'class2'); - 클래스 존재 여부 체크..

[JavaScript] 접속 브라우저 확인 방법 if ((navigator.userAgent.indexOf("Opera") || navigator.userAgent.indexOf('OPR')) !== -1) { alert('Opera'); } else if (navigator.userAgent.indexOf("Chrome") !== -1) { alert('Chrome'); } else if (navigator.userAgent.indexOf("Safari") !== -1) { alert('Safari'); } else if (navigator.userAgent.indexOf("Firefox") !== -1) { alert('Firefox'); } else if ((navigator.userAgent.in..

[JavaScript] Click event listener on class// 이벤트 함수 정의 var myFunction = function() { // ... }; var className = document.getElementsByClassName("클래스명"); // for 로 class 를 갖는 요소에 이벤트 리스너 추가 for (var i = 0; i < className.length; i++) { className[i].addEventListener('click', myFunction, false); } 참고 : stackoverflow