프로그램 소스를 공개해주는 프로그램나라 입니다

배경클릭시 레이어 창을 닫는 방법입니다일반적으로 레이어 창이 뜨면 배경 아무곳을 클릭하여 제거하려는 습관이 있습니다 배경을 클릭했는데 떠있는 레이어모달창이 닫히지 않으면 참 난감할때가 있습니다이런걸 방지하기 위해 배경클릭시 모달창을 닫게 하는 이벤트를 추가해 놓으면 유용합니다

폼 양식을 작성할때 아이디,이메일,이름 작성할때입력되지 않은경우 아이디를 입력하세요이메일을 입력하세요이름을 입력하세요 라는 필수 입력사항을 만들때 사용하는 방법입니다if 문으로 value값의 유무를 통해서 작업할수 있지만그렇게 하지 않고입력양식에 요소를 추가 하여 처리 하는 방법입니다 writeSubmit(form) 함수를 활용합니다입력하는 곳에는<input type="text" n

res 가 object 인경우alert(JSON.stringify(res))document.write(JSON.stringify(res))php 의 var_dump() 함수와 비슷하다고 생각하면된다 

텍스트 깜박이는 효과 만들기이다jquery,자바스크립트 등으로 만들수 있지만CSS로 간단하게 만드는 방법이다 class="red_to_blue" 선언만 하면 적용된다

브라우저에서 뷰를 확대하거나 축소했을때 해당 크기의 비율을 가져오고 싶을때 사용한다뷰의 비율을 알아내기 위해서는 window.devicePixelRatio 를 사용하는데모든 브라우저에서 적용되진 않는다

onPropertyChange 셀렉트 박스에서는 onchange를 사용하나 input text에서는 사용할수없다텍스트박스에서 내용이 바뀔때마다 이벤트를 발생시키는리스너이다 onPropertyChange

해당 아이디 위치로 부드럽게 이동하게 하는 방법이다$(function() {    var position = $('#이동할아이디').offset(); // 위치값    $('html,body').animate({ scrollTop : position.top }, 1000); // 1초동안 이동});1초동안 부드럽게 스크롤 된다한줄로 처리하기 위해서$('html,body').animate({ scrollTop : $('#이동할아이디').offset().top }, 1000);이런식으로도 가능하며 바로 이동하게 하려면 1000를 0초로

<script>var top_sub_menu="";//메뉴 유지하기위한 변수</script><div  OnMouseOver="  top_sub_menu='';  $('#_top_sub_menu').show();  "  onmouseleave="  if(top_sub_menu==''){  $('#_top_sub_menu').hide();  }  ">  타이틀</div><div style="position:relative;z-index:10;">  <div id="_top_sub_menu" style="margin-top:7px;position:absolute;top:-10px;right:0px;border:1px solid #b5bf87;background:#f1f5dc;width:3

$.ajax ({  type: 'post', // POST 로 전송  async: false,//동기화  url: 'http://', // 호출 URL  data: {'변수1':'값1','변수2':'값2'}, // 파라메터 정보 전달  success:function(data){    alert(data);//처리된 정보가져오는 부분  },  error:function(e) {    // alert(e.responseText);  }}); 

체크할때 텍스트를 바꾸는 방법은 많이 있다 아이디를 선언해서 해당 이벤트 발생시 처리 하는 방법이 있는데그렇게 하지 않고 아이디 하나만 선언하고 태그내에서 parent()를 활용해서 접근한후에 텍스트를 교체하는 방법이다여러게의 아이디를 사용할필요가 없어 간편하고 유지보수가 비교적 편리한 편이여서 즐겨사용하는 방법이다  <script>//맵선택했을경우 바로

parent.parent.$("#아이디1").contents().find("#아이디2").contents().find("#아이디3")중복으로 contents().find("#아이디") 사용가능하다 

스타일 여러게를 한꺼번에 변경하는 방법여러옵션을 사용하는 방법이다{}를 통해서 사용할수 있으며형식은 {"옵션명1":"값1","옵션명2":"값2"} 이런식으로 사용한다다음은 예시이다$(this).css({'border':'2px solid #f9cd00','padding':'0px'}) 하나만 사용할때는 {} 없이 "옵션1","값1" 이런식이다다음은 예시이다$(this).css("border","2px solid #f9cd00"); 

라이오 버튼를 클릭했을때 실행해주는 방법이다해당 이름으로 접근한후에 click()리스너를 통해서 이벤트를 처리하는 형식이다 선택1선택2$("input[name=mPay]").click(  function(){    if($("input[name=mPay]:checked").val()=="1"){        //해당 내용 선택했을경우    }  })  

투명도,크기,위치 등을 한꺼번에 변경하는 방법이다show(),hide() 이런 함수는 display만 사용가능하게 된다이때 투명하게 되면서 display를 할때는 show("fade") 이런방법도 있지만점점커지면서,투명에서 선명하게 되면서,보여지는 방법을 사용할때는 약간의 한게가 있을수 있다이때 사용하면 좋은 방법이다 $("#아이디").animate(  {    width:($(window).width())    ,heig

$("#imgList").children().eq(0).contents(":last-child").attr("src");imgList의 id내의 노드를 순서대로 접근한다eq(0) => 첫번째eq(1) => 두번째contents(":last-child").attr("src") 해당 노드안에서 마지막 노드의 src값을 호출하는 부분이다 

val() 함수를 통해서 value값을 호출할수 있다<input type="radio" name="이름" value="1"><input type="radio" name="이름" value="2" checked>$("input[name=이름]:checked").val();// -> 2

$("#아이디").fadeTo(1000, 0.5); //1초동안 0.5투명도로 변경함$("#아이디").show("fade");//투명 -> 보여짐$("#아이디").hide("fade");;//보여짐 -> 투명 

$("#아이디").show() 단순히 보여주는 형식이나 블라인드 형식으로 위에서 아래로좌축에서 우측으로 블라인드 되면서 노출되게 하는 방법이다열기$("#아이디").show("blind");//기본은 위아래로 블라인드 된다$("#아이디").show("blind",{direction:"left"},300,function(){});//좌측으로 블라인드됨$("#아이디").show("blind",{direction:"right"},300,function(){});//우측으로 블라인드됨닫기$("#아이디").hide("blind");//기본

태그내 속성을 변경하고자 할때 사용하는 attr()함수이다이미지 변경 뿐만아니라 클래스명 변경 사이즈변경 모든것이 가능하다이미지 변경하는 방법<img id="_index_banner" src="이미지주소" onmouseover=function(){$("#_index_banner").attr("src","이미지주소1");}>마우스 오버시 이미지주소1로 변경된다$("#_index_banner").attr("src","이미지주소1");