ian Yu

jquery 팝업으로 폼(form)전송, 팝업에서 부모창 폼(form)전송 시키기

* 부모 페이지 폼 html
<form name="fnForm" id="fnForm" method="post" target="popup_window">
<input type="hidden" name="sBrchCd" />
</form>

* 팝업 으로 폼전송 스크립트
$("input[name=sBrchCd]").val( "aaa" );
$("#fnForm").attr("action", "/abc.do");
window.open("", "popup_window", "toolbar=no, location=no, width=745, height=705");
$("#fnForm").submit();

* 팝업 에서 부모창의 폼전송 스크립트

window.opener.$("input[name=sBrchCd]").val( "sss" );

window.opener.$("#fnForm").attr("action", "/aaa.do");

window.opener.$("#fnForm").attr("target", "");

window.opener.$("#fnForm").submit();

jquery 6자리 랜덤 숫자(집 비밀번호 변경용)

click demo 6 자리 랜덤 숫자

$(document).ready(function() { , $(function() {

jquery 를 사용 하면 아래의 문법으로 시작 하게 된다.
가장 많이 쓰이는 방법이다.

$(document).ready(function() {

});

그런데 여기저기 jquery 를 사용한 사이트를 보면 아래와 같은 방법을 쓰는걸
볼수 있다.
코드량을 줄이기 위함이다.

$(function() {

});

위쪽을 더 많이 써서 그런지 더 가독성이 좋아 보인다.

Datejs 스크립트 날짜 관련 유용한 라이브러리

스크립트로 날짜를 계산 하면 정말 짜증 난다.

자료를 찾아서 해봐도 내가 원하는 결과는 쉽게 나오지 않는다.

다른 언어들은 편한데 스크립트는 복잡 하다.

그러다 datejs 라는걸 알게 되었다.

3일전 날자를 구하는걸 예로 들어 보겠다.

기존의 스크립트들은 아래와 같다.

var strDate1 = "2015-5-6";

var arr1 = strDate1.split('-');

var dat1 = new Date(arr1[0], arr1[1], arr1[2]);

document.write("* 현재날짜 : " + strDate1 + "<br/>");

document.write("* 3일 더하기 : " + dat1.getFullYear() + "-" + dat1.getMonth() + "-" + (dat1.getDate() + 3) + "<br/>");

document.write("* 3일 빼기 : " + dat1.getFullYear() + "-" + dat1.getMonth() + "-" + (dat1.getDate() - 3) + "<br/><br/>");

Datejs 은 아래와 같다.

Date.today().add(-3).day()

한줄로 끝나 버린다.

이걸 찾고 그동안 수차례 고생한 지난 일들이 생각 나며 억울 하다 ^^;

앞으로는 삽질 안해도 되겠군...

자세한 내용은 아래를 참고 하시길...

date.js 를 다운받아 프로젝트에 넣은후 사용 하면 됨.

소개 사이트

http://www.datejs.com

API 참고 사이트
https://github.com/datejs/Datejs

jquery 동적 테이블 click 이벤트 처리 delegate

jquery 로 클릭 이벤트 처리를 위해서 보통은 아래와 같은 방법으로 처리 한다.

$(".trashCan").click(function(){
console.log("ddddd");
});

하지만 동적테이블을 쓰게 되면 새로 만들어진 TR, TD 들은 클릭 이벤트가
되지 않는다.

그럴땐 아래처럼 delegate 를 사용하면
새로 만들어진 TR, TD 도 이벤트 처리가 잘된다.

$(document.body).delegate('.trashCan', 'click', function() {
console.log("ddddd");
});

별거 아닌거 같지만 막상 찾으려면 가끔은 검색이 잘 안된다.