IT News/jQuery24 jquery timer 시간에 따른 이벤트 설정 jquery timer 타이머 시간에 따른 이벤트 설정 jQuery 가 정상적으로 동작하려면 우선 아래의 코드가 포함이 되어있어야 합니다. 위의 예제 코드는 예제 소스 코드입니다. 가장 중요한 핵심은 var timer = window.setInterval(timerAction, 3000); 이 코드 입니다. 즉 타이머라는 변수를 선언하는데 3000 곧 3초마다 timerAction 이라는 이름을 가진 함수를 실행하는 것을 의미합니다. 따라서 timerAction 함수에다가 무엇을 선언하느냐에 따라서 달라지겠죠? 2012. 10. 12. jQuery Ajax 사용법 예제 $.ajax jQuery를 이용한 ajax 예제를 간단히 올려봅니다. 은근 잘 까먹어서 적어두는게 나을것 같더군요. 소스코드가 잘 보일것 같아서 텍스트 파일로 하나 첨부합니다. 다운 받으세요. $('.cancle').click(function (){ var payment = $('#payment_radio').find('input[name=payment]:checked').attr('value'); if(payment == 0) var answer = confirm ('취소하시겠습니까? 데이터가 삭제됩니다.'); else var answer = confirm ('취소하시겠습니까?'); if(answer){ var no = 117; var payment = $('#payment_radio').find('input[na.. 2012. 8. 3. jQuery animation (스크립트 에니메이션) 효과 주기 jQuery 를 이용하여 animation (에니메이션) 효과를 주는 것은 jQuery 의 장점이라고 해야할까요? 아무튼 jQuery 는 기존의 자바스크립트를 이용하면 간단한 효과를 주더라도 코드가 길어지고 복잡해집니다. 그런데 이러한 스크립트 코드의 난해함과 복잡함을 싹 없애주는 jQuery 가 개인적으로 저는 더 좋습니다. 물론 javascript 를 사용안할 수는 없지만요. 아무튼 에니메이션 효과를 주고자 jQuery 를 이용해 보았습니다. 우선 기본적인 사용 방법은 아래와 같습니다. 아래의 내용은 http://api.jquery.com/animate/ 에 있는 내용 입니다. Basic Usage To animate any element, such as a simple image: (예제 이미를 에.. 2012. 5. 22. jQuery 이벤트 주기 hover - mouseover, mouseout 이벤트를 한번에 jQuery Events - hover 이벤트로 마우스 오버일때와 아웃일때의 경우를 한번에 처리할 수 있습니다. 보통 hover 하게 되면 마우스 오버일 때만 생각하기 쉬운데.. 마우스가 오버될때나 키보드가 접근이 될 때우에도 포함이 됩니다. 따라서 웹접근성으로 제작하실 때에는 필요한 이벤트라고 생각이 듭니다. hover(over, out) 형식과 같이 hover 이벤트에는 두가지의 파라메터가 들어갈 수 있습니다. 즉 들어가게되는 인자는 콜백 함수로 함수의 이름을 써주는 것입니다. 아니면 아래와 같이 직접 함수의 구현부를 직접 써줄수도 있습니다. jQuery(function($){ $('p').hover( function(){ // 마우스 오버일 경우에 실행 }, function(){ // 마우스 아웃될.. 2012. 5. 16. jquery javascript confirm 확인/취소 버튼 jQuery(function($){ /* save all setting to file */ $('.btnDel').click(function (){ var answer = confirm ('수강을 취소 하시겠습니까? 취소하시면 데이터가 모두 삭제됩니다.'); if(answer){ var form = $(this).parents('form'); form.submit(); }else{ return false; } }); $('.btnEnroll').click(function (){ var answer = confirm ('수강 신청하시겠습니까?'); if(answer){ var form = $(this).parents('form'); form.submit(); }else{ return false; } });.. 2012. 4. 19. jQuery 로 iframe 조작하기 1. src 바꾸기. $("#PayIFrame").attr("src", "http://www.shop-wiz.com"); 2. iframe 내의 문서 객체 접근 iframe 속의 문서에 $("#PayIFrame").contents().find("#target").html(); 3. 부모문서에 접근 $("#parent_id", parent.document) 4. 부모문서의 다른 iframe 접근 $("#parent_id", parent.frames["frame_id"].document) 2012. 3. 6. 이전 1 2 3 4 다음
