꿀팁 활용 (34) 썸네일형 리스트형 자바스크립트 동작안됨 부분 파킹 어시스트 가솔린 3.3 선택시 선택가능 2,000,000원 전방충돌방지 보조 고속도로 주행보조 내비게이션 기반 스마트크루즈컨트롤 스크립트 부분 $(function(){ // 선택옵션 - 툴팁오픈 이벤트(클릭시 툴팁오픈) 20210705 $(".lowCredit .tipOpen").on("click",function(){ if($(this).hasClass("active")){ $(this).removeClass("active"); }else{ $(".lowCredit .tipOpen").removeClass("active"); $(this).addClass("active"); } return false; }); }); THML 은 자동차 옵션 리스트(동적) 이고 코드는 class=tipOpen.. pdf 보호되어 있는 글입니다. JAVASCRIPT X분X초 타이머 var SetTime = 180; // 최초 설정 시간(기본 : 초) function msg_time() { // 1초씩 카운트 m = Math.floor(SetTime / 60) + "분 " + (SetTime % 60) + "초"; // 남은 시간 계산 var msg = m ; $('#timer').text(msg); // div 영역에 보여줌 SetTime--; // 1초씩 감소 console.log(msg); if (SetTime < 0) { // 시간이 종료 되었으면.. clearInterval(tid); // 타이머 해제 //alert("종료"); } } window.onload = function TimerStart(){ tid=setInterval('msg_time()',1000) }; 전화번호 입력시 자동 대시(하이픈, "-") 삽입하는 자바스크립트 전화번호 입력시 input이 하나일때.. "-"를 자동 입력되는 소스를 찾다보니 긴게 많아서.. regexp를 응용하여 한줄짜리를 만들었습니다.. (실제로는 숫자가 아닌걸 제거 > "-" 추가 > 대시 중복("--")을 제거하는 3단계입니다) 0505번호나, 15xx-xxxx처럼 1로 시작하는 번호, 02서울지역번호 처리가 다 됩니다..(위키를 보고 했으니 국제번호 5자리 등을 빼고는 왠만하면 다 잘 될겁니다..) onkeyup 이벤트에 넣으면 실시간으로 변경하실 수 있습니다.. input의 class에 phoneNumber를 추가하시고 아래처럼 하시면 됩니다.. $(document).on("keyup", ".phoneNumber", function() { $(this).val( $(this).val().. 글쓰기방명록RSS관리개발/thymeleaf[thymeleaf] 자바스크립트에서 타임리프 변수 사용 하는 방법 타임리프 변수를 자바스크립트에서 사용하려면 기본적으로 선언을 해주어야 하는 내용이 있습니다. 위 내용 보시면 아시겠지만, script 태그에 th:inline="javascript" 내용을 추가해서 달아주어야 해당 스크립트 안에 타임리프 변수가 정상적으로 반영되어 동작합니다! /* let name = /*[[ ${data.name} ]]*/; /*]]*/ 그리고 해당 스크립트 태그안에 사용할 타임리프 변수는 위처럼 선언해서 사용하시면 됩니다! 참고들 하세요! 출처: https://solbel.tistory.com/1434 [개발자의 끄적끄적] datepicker 설정 이것저것 보호되어 있는 글입니다. mobiscroll jQuery 로 모바일용 날짜 선택 만들기 (스크롤) 보호되어 있는 글입니다. jquery 달력위젯 datepicker 사용 datepicker는 jquery ui에서 위젯을 가져와서 사용 가능한 자바스크립트 달력입니다. 우선 제이쿼리 플러그인으로 만들어졌으니까 제이쿼리 오픈소스와 css파일과 js파일을 import해오겠습니다. 사용법은 간단합니다. datepicker의 수많은 옵션이 있는데 꼭 필요할만한 옵션을 추가해보도록 하겠습니다. 결과는 처럼 나오게 됩니다. 옵션이 너무 많아서 어떻게 사용하는지에 대해서는 구글링을했습니다! 그리고 만약 조회조건으로 검색하는 달력을 나타내고싶다면 html구조와 script를 변경해주셔야합니다. html 일정을 선택해주세요. 조회기간을 선택해주세요~ script 결과는 처럼 나오게 됩니다! 출처 - https://velog.io/@khd/jquery-%EB%8B%AC%EB%A0%A5%EC%.. 이전 1 2 3 4 5 다음
