Javascript 29

키보드의 방향키로 목록 이동하여 목록값 선택 하기

$(document).keyup(function (e) { //console.log("e.keyCode--", e.keyCode) // e.keyCode = 40 : 방향키 아래 // e.keyCode = 38 : 방향키 위 //imageView 레이어 팝업에 'visible' class 값이 있으다면 if($("#imageView").hasClass("visible") === true) { // 키보드 방향키 위, 아래 값이 들어올때 if(e.keyCode == 40 || e.keyCode == 38){ // imageList 목록에 데이터값(li) 이 존재 할때 if($("#imageList").children('li').length >0){ let liData = $("#imageList").chi..

Javascript 2023.01.06

jquery 글자수 체크

/** * 목적 : 참고사항 글자수 체크 * 매개변수 : 없음 * 반환값 : 없음 * 개정이력 : 없음 */ $('#remaining').each(function(){ var $count = $('#count', this); var $input = $("#refCn"); var maximumCount = $count.text() * 1; var update = function(){ var before = $count.text() * 1; var now = maximumCount - $input.val().length; // 사용자가 입력한 값이 제한 값을 초과하는지를 검사한다. if (now < 0) { var str = $input.val(); $("#refCn").focus(); var inputVa..

Javascript 2012.01.11

jquery 체크박스 전체 선택 및 전체 해제

jquery javascript /** * 목적 : 체크박스 전체 선택 * 매개변수 : 없음 * 반환값 : 없음 * 개정이력 : 없음 */ $("#check_all").click(function(){ if ($(this).attr("checked") == true) { $("input[name=checks[]]").attr("checked", true); } else { $("input[name=checks[]]").attr("checked", false); } }); // 세부를 별도로 선택하면 전체 체크가 풀림 $("$input[name=checks[]]").click(function(){ $("input[name=check_all]").attr("checked", false); }); html 전체..

Javascript 2012.01.11

javascript selectbox option의 이름 추출하기

방법은 2가지가 있다.. 각자 맞는 스타일로 작성하면 된다. //--- 방법: 1 --------------------- for (m = 0; m < pointFileSplit.length; m++) { var pointCount = m.toString(10); var optionID = "opt" + pointCount; var optionCheck = document.getElementById (optionID); if (optionCheck.selected == true) { //option을 선택하면 true var selectValue = optionCheck.value; var selectText = optionCheck.text; } } //--- 방법: 2 ------------------..

Javascript 2009.07.11

javascript modal popup

javascript 을 이용 하여 modal popup 을 이용할수 있다 부모창 /* 일반 팝업 */ function nomalPopup(){ var site = "./modalPopup.html"; var style = 'height=255,width=250,toolbar=no,directories=no,' style+= 'status=no,menubar=no,scrollbars=no,resizable=no, modal=yes'; window.open(site, 'test',style ); } /* 모달팝업*/ function modalPopup(){ var objectName = new Object(); // object 선언 modal의 이름이 된다. objectName.message = "이건 테..

Javascript 2009.07.11

list-style-type => 항목 표시자 모양 지정

list-style-type 항목 표시자의 모양을 지정합니다. 기본 정보 지원 브라우저/CSS 버전 초기값 disc(UL 요소), decimal(OL 요소) 상속 yes 적용 범위 UL, OL, LI, DT, DD 요소 인터넷 익스플로러 4 넷스케이프 4 CSS 1 속성값 값 설명 IE NN none 항목 표시자를 사용하지 않습니다. 4.0 4.0 disc 속이 찬 원으로 표시합니다. 4.0 4.0 circle 속이 빈 원으로 표시합니다. 4.0 4.0 square 속이 찬 사각형으로 표시합니다. 4.0 4.0 decimal-leading-zero 0으로 시작하는 두 자리 숫자로 표시합니다. (01, 02, 03...) - - lower-roman 로마자 소문자로 표시합니다. (i, ii, iii, iv..

Javascript 2009.02.28

웹표준 DTD 선언에 관련된 document.body.scrollTop 요소의 대체 [출처] 웹표준 DTD 선언에 관련된 document.body.scrollTop 요소의 대체

이 포스트를 보낸곳 () 최 근 웹표준과 접근성 향상의 동향에 따라 소스 처음에 DOCTYPE에서 DTD 지정을 하고 있습니다. 이때 document.body.scrollTop은 더이상 사용되지 않고 대신 document.documentElement.scrollTop을 제공합니다. 따라서 document.body.scrollTop을 document.documentElement.scrollTop으로 바꾸면 됩니다. 보통 웹표준에 대하여 이해하지 못하는 경우 doctype 선언을 제거하는 방법으로 이 문제를 해결하는 경향이 있으나 이것은 바른 선택이 아닙니다.

Javascript 2008.11.24

천단위 콤마~

function commify(n) { var reg = /(^[+-]?\d+)(\d{3})/; // 정규식 n += ''; // 숫자를 문자열로 변환 while (reg.test(n)) n = n.replace(reg, '$1' + ',' + '$2'); return n; } 사용법 - var s = commify(-1234567890.123); document.write(s ); // 출력 결과: -1,234,567,890.123 정규식 설명: 숫자의 끝부분부터 매치시키며, 루프 속에서 숫자의 좌측으로 즉 앞쪽으로 이동합니다. 이미 쉼표화가 된 부분이나, 소수부는 (^[+-]?\d+)(\d{3}) 이런 정규식으로 매치되지 않기에, 점점 앞쪽으로 이동하게 됩니다. $1 은 앞쪽 소괄호가 매치되는 내용 ..

Javascript 2008.11.17

입력폼 옵션

## 입력폼에 한글변환 금지, 붙여넣기 금지 ex) add) 1. 영문만 입력가능 : style="ime-mode:disabled" 2. 한/영중 선택가능 : style="ime-mode:auto" 3. 디폴트 한글 : style="ime-mode:active" 4. 디폴트 영문 : style="ime-mode:inactive" ## 주소 안보이게 링크 onclick stype="cursor:hand" (IE용) ex) ## 정규식 이용 input box에 숫자만 입력받기 ex) function SetNum(obj){ val=obj.value; re=/[^0-9]/gi; obj.value=val.replace(re,""); } onkeyup='SetNum(this)' onblur='SetNum(this)..

Javascript 2008.08.29

textbox에 숫자만 들어가게~!!

function handlerNum(control) { e = window.event; //윈도우의 event를 잡음. //숫자열 0 ~ 9 : 48 ~ 57, 키패드 0 ~ 9 : 96 ~ 105 ,8 : backspace, 46 : delete -->키코드값을 구분 if(e.keyCode >= 48 && e.keyCode = 96 && e.keyCode 입력되지않는다. else //다른숫자뒤에오는 0은 return; //-->입력시킨다. } else //0이 아닌숫자 return; //-->입력시킨다. } else //숫자가 아니면 넣을수 없다. e.returnValue=false; } key가 down될때 검사. 주의할점.. onkeyup에서는 작동 안함.. (주의요망) 게다가 문제 하나더! 한글입..

Javascript 2008.04.22