배열의 특정 요소 제거


배열 = 배열.splice($.inArray("특정요소", 배열),1);



배열을 문자열로 출력


배열 = 배열.join("합칠 문자열");


$("iframe selector").on("load", function(){

// script

});


출처: http://stackoverflow.com/questions/30005/how-do-i-fire-an-event-when-a-iframe-has-finished-loading-in-jquery

var nm = "listVo[0].col1";

// 괄호안의 문자 추출하기
nm = nm.match(/\[.*\]/gi);
nm += "";
nm = nm.split("[").join("");
nm = nm.split("]").join("");

// 괄호문자 치환하기
nm = nm.replace(/\[.*\]/gi, '[1]');

'Javascript' 카테고리의 다른 글

String to Date / Date to String  (0) 2020.12.17
숫자에 콤마와 언콤마를 편하게  (0) 2016.06.27
숫자에 천단위 콤마 찍기  (0) 2014.10.01
형변환, 숫자체크  (0) 2014.06.26
Date Format  (0) 2014.04.04
// 숫자용
Number.prototype.format = function(){
    if(this==0) return 0;
 
    var reg = /(^[+-]?\d+)(\d{3})/;
    var n = (this + '');
 
    while (reg.test(n)) n = n.replace(reg, '$1' + ',' + '$2');
 
    return n;
};

// 문자용
String.prototype.format = function(){
    var num = parseFloat(this);
    if( isNaN(num) ) return "0";
 
    return num.format();
};


사용법
var num = 1234.32;
num.format();

var str = "1234.67";
str.format();


 출처: http://stove99.tistory.com/113

'Javascript' 카테고리의 다른 글

숫자에 콤마와 언콤마를 편하게  (0) 2016.06.27
정규식으로 괄호 안의 문자 추출과 치환하기  (0) 2015.07.09
형변환, 숫자체크  (0) 2014.06.26
Date Format  (0) 2014.04.04
replaceAll 구현  (0) 2013.09.05

문자 -> 숫자

Number(text);
parseFloat(number);


숫자 -> 문자

String(number);


진법

parseInt(number, radix);


숫자체크

function isNumberic(text) {
    return typeof Number(text) === 'number' && isFinite(text);
}


'Javascript' 카테고리의 다른 글

정규식으로 괄호 안의 문자 추출과 치환하기  (0) 2015.07.09
숫자에 천단위 콤마 찍기  (0) 2014.10.01
Date Format  (0) 2014.04.04
replaceAll 구현  (0) 2013.09.05
팝업을 정중앙으로 띄울때  (0) 2012.04.27
	Date.prototype.format = function(f) {
		if (!this.valueOf()) return " ";

		var weekName = ["일요일", "월요일", "화요일", "수요일", "목요일", "금요일", "토요일"];
		var d = this;

		return f.replace(/(yyyy|yy|MM|dd|E|hh|mm|ss|a\/p)/gi, function($1) {
			switch ($1) {
				case "yyyy": return d.getFullYear();
				case "yy": return (d.getFullYear() % 1000).zf(2);
				case "MM": return (d.getMonth() + 1).zf(2);
				case "dd": return d.getDate().zf(2);
				case "E": return weekName[d.getDay()];
				case "HH": return d.getHours().zf(2);
				case "hh": return ((h = d.getHours() % 12) ? h : 12).zf(2);
				case "mm": return d.getMinutes().zf(2);
				case "ss": return d.getSeconds().zf(2);
				case "a/p": return d.getHours() < 12 ? "오전" : "오후";
				default: return $1;
			}
		});
	};
	
	String.prototype.string = function(len){var s = '', i = 0; while (i++ < len) { s += this; } return s;};
	String.prototype.zf = function(len){return "0".string(len - this.length) + this;};
	Number.prototype.zf = function(len){return this.toString().zf(len);};
사용법
new Date().format("yyyy-MM-dd")
; 출처: http://stove99.tistory.com/46

'Javascript' 카테고리의 다른 글

정규식으로 괄호 안의 문자 추출과 치환하기  (0) 2015.07.09
숫자에 천단위 콤마 찍기  (0) 2014.10.01
형변환, 숫자체크  (0) 2014.06.26
replaceAll 구현  (0) 2013.09.05
팝업을 정중앙으로 띄울때  (0) 2012.04.27
옵션 설명 사용예
altField $( ".selector" ).datepicker({
    altField: ".selecter"
});
선택한 날짜가 해당 폼에 입력된다.
altFormat $( ".selector" ).datepicker({
    altFormat: "yyyy-mm-dd"
});
altField의 폼에 입력될 날짜의 형식
beforeShow $( ".selector" ).datepicker({
    beforeShow: function(input, inst) {
        // input은 폼
        // inst는 datepicker의 여러 값이 있던데
        //          아직 쓸모를 찾지 못했다.
    }
});
달력이 그려지기 전에 처리할 일들을 지정할 수 있다.
buttonImage $( ".selector" ).datepicker({
    buttonImage: "/images/datepicker.gif"
});
 
buttonImageOnly $( ".selector" ).datepicker({
    buttonImageOnly: true
});
 
buttonText $( ".selector" ).datepicker({
    buttonText: "선택"
});
 
changeMonth $( ".selector" ).datepicker({
    changeMonth: true
});
셀렉트박스로 월 변경 여부
changeYear $( ".selector" ).datepicker({
    changeYear: true
});
셀렉트박스로 연도 변경 여부
closeText

$( ".selector" ).datepicker({
    closeText: "닫기"
});


constrainInput $( ".selector" ).datepicker({
    constrainInput: false
});
형식외 텍스트 입력제한. 디폴트 true
currentText

$( ".selector" ).datepicker({
    currentText: "Now" 

});

 
dateFormat $( ".selector" ).datepicker({
    dateFormat: "yy-mm-dd"
});
 
dayNames $( ".selector" ).datepicker({
    dayNames:
        [ "일요일", "월요일", "화요일", "수요일",
        "목요일", "금요일", "토요일" ]
});
 
dayNamesMin $( ".selector" ).datepicker({
    dayNamesShort:
        [ "S", "M", "T", "W", "T", "F", "Sa" ]
});
 
dayNamesShort $( ".selector" ).datepicker({
    dayNamesShort:
        [ "일", "월", "화", "수", "목", "금", "토" ]
});
 
defaultDate $( ".selector" ).datepicker({
    defaultDate: +7
});
달력 기본 출력될때 기준일. Date타입, 숫자, String 다 가능하다.
duration $( ".selector" ).datepicker({
    duration: "slow"
});
달력 나타나는 속도, "slow", "normal", "fast"
firstDay $( ".selector" ).datepicker({
    firstDay: 1
});
주의 시작일을 일요일로 하려면 0, 월요일은 1
gotoCurrent $( ".selector" ).datepicker({
    gotoCurrent: true
});
 
maxDate $( ".selector" ).datepicker({
    maxDate: "+1m +1w"
});
 
minDate $( ".selector" ).datepicker({
    minDate: new Date(2012, 1 - 1, 1)
});
 
monthNames $( ".selector" ).datepicker({
    monthNames:
        [ "1월", "2월", "3월", "4월", "5월", "6월",
        "7월", "8월", "9월", "10월", "11월", "12월" ]
});
 
monthNamesShort $( ".selector" ).datepicker({
    monthNamesShort:
        [ "Jan", "Feb", "Mar", "Apr", "Maj", "Jun",
        "Jul", "Aug", "Sep", "Okt", "Nov", "Dec" ]
});
 
nextText $( ".selector" ).datepicker({
    nextText: "차월"
});
 
numberOfMonths $( ".selector" ).datepicker({
    numberOfMonths: [ 2, 3 ]
});
여러개월 달력을 표시
onChangeMonthYear $( ".selector" ).datepicker({
    onChangeMonthYear: function(year, month, inst) {
        // year 년도 숫자
        // month 월 숫자
        // inst는 datepicker의 여러 값이 있던데
        //          아직 쓸모를 찾지 못했다.
    }
});
달력에서 연월을 셀렉트 박스로 바꿀 수 있을때 바꿀때 이벤트
onClose $( ".selector" ).datepicker({
    onClose: function(dateText, inst) {
        // dateText는 날짜 스트링
        // inst는 datepicker의 여러 값이 있던데
        //          아직 쓸모를 찾지 못했다.
    }
});
 
onSelect $( ".selector" ).datepicker({
    onSelect: function(dateText, inst) {
        // dateText는 날짜 스트링
        // inst는 datepicker의 여러 값이 있던데
        //          아직 쓸모를 찾지 못했다.
    }
});
 
prevText $( ".selector" ).datepicker({
    prevText: "전월"
});
 
selectOtherMonths $( ".selector" ).datepicker({
    selectOtherMonths: true
});
다른 달도 출력시 선택가능 여부. 디폴트는 false
showAnim $( ".selector" ).datepicker({
    showAnim: "fold"
});
달력 에니메이션 효과. show(디폴트), slideDown, fadeIn etc..
showCurrentAtPos $( ".selector" ).datepicker({
    showCurrentAtPos: 3
});
여러 달의 달력을 한꺼번에 띄울 경우 시작월을 현재를 기준으로 달 수.
0이 현재월. -5면 5개월 전, 3이면 3개월 후
showOptions $( ".selector" ).datepicker({
    showOptions: { direction: "up" }
});
달력 보여줄때 이벤트 옵션
showOtherMonths $( ".selector" ).datepicker({
    showOtherMonths: true
});
월 1일 이전, 월 말일 이후 빈칸에 이전달, 다음달 날짜 출력 여부
showWeek $( ".selector" ).datepicker({
    showWeek: true
});
주수 출력 여부
stepMonths $( ".selector" ).datepicker({
    stepMonths: 3
});
달력에서 좌우 선택시 이동할 개월 수
weekHeader $( ".selector" ).datepicker({
    weekHeader: "주"
});
 
yearRange $( ".selector" ).datepicker({
    yearRange: "2010:2013"
});
연도 범위
yearSuffix $( ".selector" ).datepicker({
    yearSuffix: "년"
});
 


그리드 reload


$("#tblist1").trigger("reloadGrid"); // 보통
$("#tblist1")[0].triggerToolbar(); // filterToolbar를 사용한 경우


그리드 url 바꿀때

$("#tblist1").setGridParam({url:"xml/data_xml.jsp"});


그리드 clear

$("#tblist1").clearGridData(true);


멀티셀렉트 되는 그리드에서 체크박스 전체 해제


$("#tblist1").jqGrid('resetSelection');


멀티셀렉트 되는 그리드에서 특정값 체크박스 선택되게

$('#tblist1').jqGrid('setSelection', 'tblist1 row id값').prop('checkbox', true);




자바스크립트에는 replace는 있지만 replaceAll은 없다. 그래서 replace를 사용할 경우 치환은 최초 1회만 해준다.

가장 편하고 간단한 방법은 split으로 쪼개고 join으로 합치는 방법이다.

이걸 아래처럼 래핑쓰면 편리하다.


function replaceAll(text, before, after) {

    return text.split(before).join(After);

}


'Javascript' 카테고리의 다른 글

정규식으로 괄호 안의 문자 추출과 치환하기  (0) 2015.07.09
숫자에 천단위 콤마 찍기  (0) 2014.10.01
형변환, 숫자체크  (0) 2014.06.26
Date Format  (0) 2014.04.04
팝업을 정중앙으로 띄울때  (0) 2012.04.27

.bind()

이미 존재하는 DOM에 한해에서 이벤트를 지정할 수 있다.


$(셀렉터).bind(이벤트명, 이벤트처리함수);



.live()

1.4 이하에서 미래의 DOM까지 이벤트를 할당했던 방식


$(셀렉터).live(이벤트명, 이벤트처리함수);



.delegate()

1.4에 추가되서 1.6 이하에서 미래의 DOM까지 이벤트를 할당했던 방식


$(document).delegate(셀렉터, 이벤트명, 이벤트처리함수);



.on()

1.7에 추가되서 bind과 기존 live, delegate를 모두 처리할 수 있다.


$(셀렉터).on(이벤트명, 이벤트처리함수); // 현재 DOM만

$(document).on(이벤트명, 셀렉터, 이벤트처리함수); // 미래 DOM까지


'Javascript > jQuery' 카테고리의 다른 글

iframe 로딩 후에 동작할 스크립트 작성법  (0) 2015.08.19
jQuery UI datepicker 옵션들  (0) 2013.10.02
jgGrid 몇 가지  (0) 2013.09.11
jqGrid 기본 - XML 버전  (2) 2013.05.14
이미지 로드 에러시 대체 이미지 출력  (0) 2011.06.30

+ Recent posts