Mootools - 이벤트에 exra 양식 필드 추가

Question

현재 사용자가 여러 뉴스 헤드 라인 및 뉴스 기사를 추가 할 수있는 프로젝트를 진행하고 있습니다. 추가하는 전화 번호는 전적으로 사용자에게 달려 있습니다. 1 헤드 라인과 1 기사를위한 공간이 있습니다. 다른 기사/헤드 라인을 추가하려면 거기에 클릭 이벤트가있는 '버튼'이 있어야합니다. 현재는 자바 스크립트에이 버튼이 있습니다. 클릭을 인식하고 링크를 중지해야합니다. 기본 동작,

window.addEvent('domready', function(){ 
    $('add_more').addEvent('click', function(e){ 
     alert('hello'); 
     e.preventDefault(); 
    }); 
}); 

나는 Mootools의이 new Element를 사용하여 즉석에서 새로운 요소를 만들 수있는 몇 가지 abilty을 가지고 있지만 나는 새로운 형태의 요소를 만드는 데를 얻기를위한 구문을 모르는 것을 알고있다.

Answer 1

같은 것.

var formEl = new Element("form", { 
    action: "someurl", 
    method: "get", 
    id: "formId", 
    events: { 
     submit: function(e) { 
      e.stop(); 
      // ajax it/validate it 
     } 
    } 
}).inject(document.body); // or some particular parent node 

// populate with some data 
new Element("input", { 
    type: "hidden", 
    name: "userid", 
    value: 35 
}).inject(formEl); 

// etc etc.