본문 바로가기

jQuery2

javascript, jquery 툴팁 ( tooltip ) 보여주기 캘린더 프로젝트 개선 중 캘린더 제목에 대해 이름이 너무 길 경우 ... 으로 뒷 이름이 잘리는 현상이 있었다. 마우스로 드래그 해서 저 칸을 넓혀서 봐도 되지만 구글이나 네이버 캘린더 경우 마우스 호버 시 캘린더 이름이 툴팁으로 나오게끔 처리가 되어있었으므로 나도 한번 적용해 보자 했다. 구현 방법은 간단하다 태그 속성에 title, data-tootip 속성을 집어넣어 주고 스크립트단에서 실행시켜주기만 하면 끝이다. [ html ] [ javascript ] 생각보다 간단한 모습~~ 실제 소스에도 적용시켜 확인해본 모습 크롬, IE 둘 다 잘 나온다. 2021. 5. 31.
jquery check box 다중 체크값 가져오기, 자바스크리트 체크박스 체크값 가져오기 자바스크립트, jquery는 자주 사용하지 않아서 할때 마다 검색해보는게 짜증나서 정리해놀겸 써보려고 합니다. " jquery 체크된 값, 체크박스 값 가져오기, 제이쿼리 체크된 값 가져오기 " 여러개의 체크박스값들의 상태값을 가져올 수 있는 방법 입니다. each()함수 ( 반복문 )을 써서 체크해 줍니다. //checkbox의 name값을 잡아 checked된것의 val()값을 가져옵니다. $("input[name=test_chkbox]:checked").each(function(){ var chk = $(this).val(); }) 이 값들을 배열에 담아주려면 //빈 배열 선언 후 담아준다. var chk_arr = []; $("input[name=test_chkbox]:checked").each(.. 2020. 10. 23.