자바 스크립트가 활성화 된 경우 제출 버튼을 onclick 이벤트로 바꿉니다.

Question

점진적 구현 아이디어를 유지하면서 페이지에 간단한 페이지 새로 고침 버튼이 있습니다. 자바 스크립트가 활성화되어 있으면 해당 버튼을 onclick = "ajaxfunction()"이벤트로 전환하는 우아한 방법이 있습니까?

나는 두 개의 버튼을 가지고 CSS를 숨기는 데 다소 어려움을 겪었다.

주, 나는 아약스 호출 등 작업이 - 그냥

Answer 1

당신이했습니다 가정 submit의 button 유형의 form

function chgButton() { 
    var button = document.getElementById('sbut'); 
    button.type = 'button'; 
    button.addEventListener('click', ajaxfunction,false); 
    return; 
} 

window.onload = function() { 
    chgButton(); 
    return; 
} 

Answer 2

이 (가) click 이벤트 수신 및 취소 버튼을 제출하는 이벤트 리스너를 부착 ... 그 $ %의 @ 번호 버튼을 전환 할 그 사건. 프로토 타입으로는 다음과 같이 될 것이다 :

<button id="sbut" type="submit" ...>OK</button> 

당신은이 작업을 수행 할 수 있습니다 :

document.observe('dom:loaded', function(){ 
    $('mysubmitbuttonid').observe('click',function(event){ 
     new Ajax.Request(...); 
     Event.stop(event); 
     return false; 
    }); 
});