336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

<script type="text/javascript">

location.replace("이동할 주소");         // 이동전 주소가 안보임. 

location.href("이동할 주소");              // 이동전 주소가 보임

history.go(-1);                             // 이전페이지가기. ()안의 값이 현재페이지에 대한 상대좌표

location.reload();                             // 새로고침

</script>


Posted by 당양부부34
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.


1. Image Button 경우


<img id=”save” name=”save” src=”save.png” onclick=”javascript:save(); this.style.visibility=’hidden’; ” >


이렇게 하면, 버튼을 클릭함과 동시에 버튼 이미지가 보이지 않게 되어 버립니다. 물론 자바스크립트 함수인 save() 안에서 함수 종료 처리 전에, 다시 이미지 버튼을 보이도록 처리를 해주어야 합니다.


2. input Button 경우


<input type=”button” onClick=”javascript:save(); this.disabled=true; ”>


이번 경우에는 input 타입으로 된 버튼으로 클릭하면 곧바로 사용 불가능한 버튼으로 변경되며, 자바스크립트 save() 함수 내부에서 다시 disabled 를 풀어주는 처리를 해주셔야 합니다.


3. Script 처리법

<script type="text/javascript">

<!--

var delay = 1000;

var submitted = false;


function submitCheck() {


  if(submitted == true) { return; }


  document.frm.button.value = '전송중';

  document.frm.button.disabled = true;

  setTimeout ('submitForm()', delay);


  submitted = true;

}


function submitForm(){

  document.frm.action = "http://www.webmadang.net";

  document.frm.submit();

}

//-->

</script>


<form name="frm" method="post">

<input type="button" name="button" value="전송" onclick="submitCheck();">

</form>

Posted by 당양부부34
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

// 크로스 브라우징시 브라우저 지원되는 객체 식별하여 id 값 가져오는함수
function getObject(objid){
    if(document.getElementById && document.getElementById(objid)){
        return document.getElementById(objid);    }
    else if(document.all && document.all(objid)){
        return document.all(objid);
    }
    else if(document.layers && document.layers[objid]){
        return document.layer[objid];
    }
    else{        return false;
    }
}

 

'IT > jquery_javascript' 카테고리의 다른 글

javascript 페이지 이동.  (0) 2016.03.03
저장 버튼 더블 클릭, 중복 클릭 방지  (1) 2015.10.28
레이어 팝업 가운데 정렬  (0) 2015.09.15
jquery 숫자만 입력  (0) 2015.07.17
버튼 더블 클릭 막기.  (0) 2015.05.06
Posted by 당양부부34
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

$(document).ready(function() {

  $.fn.center = function () {

    this.css("position","absolute");

    this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + $(window).scrollTop()) + "px");

    this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) + $(window).scrollLeft()) + "px");


    return this;

  }


  $("body").append("<div id='payIngPopup'></div>");

  $("#popLayer").show();

  $("#popLayer").center();

});



<div id="popLayer" style="display:none;z-index: 9999;">



Posted by 당양부부34
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

$(document).ready(function() {

$(".telnumber").keyup(function(){

$(this).val($(this).val().replace(/[^0-9]/g,""));

});

$(".name").keyup(function(){

$(this).val($(this).val().replace(/[^\!-z]/g,""));

});

});

 

Posted by 당양부부34
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

<input type="image" src="/images/post/btn_direct_buy2.gif" alt="결제를 요청합니다" border="0" onclick="return jsf__pay(this.form);this.disabled=true;return false;" />



'IT > jquery_javascript' 카테고리의 다른 글

레이어 팝업 가운데 정렬  (0) 2015.09.15
jquery 숫자만 입력  (0) 2015.07.17
jquery parent, parents. 상위 요소 가져오기.  (0) 2015.04.21
jquery ajax  (0) 2015.04.16
jquery on function 함수.  (0) 2015.04.16
Posted by 당양부부34
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

DOM 순회 메서드 중에

parent와 parents의 차이를 적어보려고 한다.

(문득 parent를 파렌츠?라고 읽던 사람이 생각나는군.... 혹시 다른나라 발음??)

 

사용 방법

.parent([selector])

.parents([selector])

 

사용방법은 동일하나, 끝에 S로 인해 불러오는 요소가 다르다.

꼭 parent하면 한개만 가져올 것 같고

parents하면 여러개를 가져올 것 같은데..

 

차이는

parent는  (selector에 의해 필터링된) 부모요소, 즉 바로 상위 요소를 말하는 것이고

parents는 (selector에 의해 필터링된) 모든 조상요소, 상위인 모든 요소를 가져오는 것이다.

 


'IT > jquery_javascript' 카테고리의 다른 글

jquery 숫자만 입력  (0) 2015.07.17
버튼 더블 클릭 막기.  (0) 2015.05.06
jquery ajax  (0) 2015.04.16
jquery on function 함수.  (0) 2015.04.16
javascript 세자리 콤마. jquery 세자리 콤마. 정규식  (0) 2015.04.16
Posted by 당양부부34

2015. 4. 16. 13:46 IT/jquery_javascript

jquery ajax

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
$.ajax({
      url: "ajax_abc_list.php",
      type: "POST",
      data: {m_level:m_level},
      dataType: "html",
      success: function(data){
          $("#divLvl").html(data);
      },
      error: function (err) {
                alert('에러가 발생하였습니다.');
            }
  });

 

Posted by 당양부부34
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

jQuery 1.7이후 .bind(), .live(), .delegate()가 .on()으로 통합
개요
.bind(), .live(), .delegate(), .on()은 이벤트에 관련된 기능으로, 먼저 각각의 기능들을 살펴보는 것이 순서인것 같아 먼저 기능들을 살펴본다.

.bind()는 가장 많이 쓰는 이벤트 설정 함수이다. DOM이 로드된 후 추가된 element들에 대해서 event handler를 처리할 수 없고, .live(), .delegate()는 나중에 추가된 element들의 이벤트들을 처리할 수 있다.

foo에 이벤트를 설정하고 싶다면 아래와 같이 사용된다.
$(".foo").bind("click", handler);
$(".foo").on("click", handler);


.delegate()는 이벤트 설정을 부모에 대해 한다. 이런 방식을 이벤트 대리자라고 명명한다.

 .foo에 이벤트를 설정하면 다음과 같이 사용된다.
$("#container").delegate(".foo", "click", handler);
$("#container").on("click", ".foo", handler);


.live()는 이벤트의 설정 대상이 document가 된다.

foo에 이벤트를 설정하고 싶다면 아래와 같이 사용된다.
$(".foo").live("click", handler);
$(document).on("click", ".foo", handler);

 

.on()을 사용해야 하는 이유
1. .on()으로 통합 될 예정

.live()와 .die()는 jQuery 1.9에서 빠졌고(1.7 Deprecations), .delegate()도 향후 없어질 예정이어서 .on을 사용하는 습관을 가지자.

2. .on()으로 여러 종류의 이벤트 설정이 가능

- 첫번째 인자에 공백로 구분자로 해 여러 이벤트에 대응이 가능하다.
$(".foo").on("change blur", handler);


- 각 이벤트에 여러 처리자를 둘 수 있다.
 . 하나의 elements에 여러 이벤트 설정
$(".foo").on({
  "change" : function(){...},
  "blur" : function(){...}
});


 . 이벤트 대리자에서의 여러 이벤트 설정
$("#container") on ( {
  "change" : function(){...},
  "blur" : function(){...}
}, ".foo");

Posted by 당양부부34
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

    function numberFormat(num) {
     var pattern = /(-?[0-9]+)([0-9]{3})/;

     while(pattern.test(num)) {
      num = String(num).replace(pattern,"$1,$2");
     }

     return num;
    }

 

혹은 정규식으로..

 

    Number(String(num_val).replace("/\..*|[^\d]/g", "")).toLocaleString().slice(0,-3);

'IT > jquery_javascript' 카테고리의 다른 글

jquery ajax  (0) 2015.04.16
jquery on function 함수.  (0) 2015.04.16
jQuery 1.9+ 에서 $.browser 사용하기  (0) 2015.04.14
javascript 모달, modal.  (0) 2015.04.14
모바일 usemap 사용하기  (0) 2015.04.03
Posted by 당양부부34
이전버튼 1 2 3 4 5 이전버튼

블로그 이미지
주요 토렌트를 블로깅하고 있습니다. 토렌트 순위 등은 다른 사이트를 찾아보세요. 주요 웹툰 순위도 게재했어요 경제를 좋아하는 일산의 행복한 프로그래머입니다.
당양부부34
Yesterday
Today
Total

달력

 « |  » 2024.3
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

글 보관함