본문 바로가기
[JavaScript] IE(익스) 프린트 미리보기 기능 JavaScript를 통해 IE에 내장되어있는 프린트 미리보기 기능을 불러오는 방법 *(크롬은 기본 프린트 호출이 미리보기 이므로 분기처리) 스크립트 함수 추가 function pagePrintPreview(){ var browser = navigator.userAgent.toLowerCase(); if ( -1 != browser.indexOf('chrome') ){ window.print(); }else if ( -1 != browser.indexOf('trident') ){ try{ //참고로 IE 5.5 이상에서만 동작함 //웹 브라우저 컨트롤 생성 var webBrowser = '아래코드'; //웹 페이지에 객체 삽입 document.body.insertAdjacentHTML('beforeEnd.. 2018. 6. 15. 11:08
[JavaScript] 글자수 자르기 JavaScript를 활용한 글자수 자르기 메인화면에 나타낼 수 있는 글자수는 한정적이다. 특정 글자수가 넘어가면 다른문자로 대체 function textLengthOverCut(txt, len, lastTxt) { if (len == "" || len == null) { // 기본값 len = 20; } if (lastTxt == "" || lastTxt == null) { // 기본값 lastTxt = "..."; } if (txt.length > len) { txt = txt.substr(0, len) + lastTxt; } return txt; } 2018. 6. 15. 10:53
[JQuery] 체크박스 갯수 / 체크여부 확인 JQuery를 활용하여 체크박스 전체 갯수와 선택된 갯수 구하기 / 체크여부 확인 // 전체 갯수 $("input:checkbox[name=is_check]").length // 선택된 갯수 $("input:checkbox[name=is_check]:checked").length // 전체 체크 $("input[name=mycheck]:checkbox").prop("checked", true); // 전체 체크 순회 $("input:checkbox[name=is_check]").each(function() { this.checked = true; }); // 체크여부 확인 if($("input:checkbox[name=complete_yn]").is(":checked") == true) { //작업 } 2018. 6. 15. 10:22
[JQuery] 화면 맨위로 이동하는 기능 JQuery를 이용하여 화면 맨위로 올라가능 기능 - 스크롤의 위치에 따라서 맨위로 올라가는 버튼을 나타내거나 사라지도록 한다. - 맨위로 올라가는 버튼을 클릭하면 자연스럽게 화면 최상단으로 올라간다. a 태그 생성 TOP (버튼도 상관없어요) style css 작성 #3 : 화면에 고정 #4 ~ #5 : 버튼의 위치 설정 #6 : 화면에서 숨김 #7 : 다른 태그들보다 위로 오도록 설정(z-index가 설정된 다른 태그가 있다면 그 태그보다 커야함) script 작성 $(function() { $(window).scroll(function() { if ($(this).scrollTop() > 500) { $('#MOVE_TOP_BTN').fadeIn(); } else { $('#MOVE_TOP_BTN'.. 2018. 6. 15. 09:46
[JQuery] 원하는 태그(위치)로 이동 특정 태그가 있는 곳까지 자동으로 스크롤이 되서 이동해야 하는 경우가 있다. function fnMove(seq){ var offset = $("#div" + seq).offset(); $('html, body').animate({scrollTop : offset.top}, 400); } div1로 이동 div2로 이동 div3로 이동 div1 div2 div3 #2 : JQuery Import #3 : 스크롤 이동할 함수 작성 #4 : 이동하고 싶은 태그를 선택하여 offset()함수를 이용하여 절대좌표가 있는 객체를 가져온다. #5 : JQuery animate의 scrollTop 함수를 이용하여 절대좌표 top 위치로 이동한다. (400은 이동시간) (추가) 위 소스는 해당 div의 가장 맨위로 이.. 2018. 6. 15. 09:28
[JQuery]글 작성시 페이지 이동시 알림창/경고창 글 작성 도중 페이지 이동 시 경고창 #btn_submit은 글을 등록하는 버튼이다. 글 등록버튼은 경고창을 띄울 필요가 없다. jQuery(document).ready(function($) { var checkload = true; $("#btn_submit").click(function () { checkload = false; }); $(window).on("beforeunload", function () { if (checkload == true) return "정말로 나가시겠습니까?"; }); }); 2018. 5. 24. 16:55
[JavaScript] 날짜 계산 자바스크립트를 활용한 날짜 계산 기준일자 : (형식 : 0000-00-00) 기준월 첫날 기준월 말일 이전달 첫날 이전달 말일 다음달 첫날 다음달 말일 달 후 첫날 달 후 말일 일 전 일자 일 후 일자 2018. 5. 16. 17:47
[JavaScript] 날짜 차이 계산(년,월,일) [JavaScript] 날짜 계산방법 시작일 : ~ 종료일 : ⓨ 연차이 계산 : / ⓜ 개월수 계산 : / ⓓ 일차이 계산 : 스크립트 추가 function call() { var sdd = document.getElementById("regDate1").value; var edd = document.getElementById("regDate2").value; var ar1 = sdd.split('-'); var ar2 = edd.split('-'); var da1 = new Date(ar1[0], ar1[1], ar1[2]); var da2 = new Date(ar2[0], ar2[1], ar2[2]); var dif = da2 - da1; var cDay = 24 * 60 * 60 * 1000;//.. 2018. 5. 8. 16:52

티스토리툴바