Tilføj slet elementer
Baseret på: http://www.dustindiaz.com/add-remove-elements-reprise/ORG demo: http://www.dustindiaz.com/basement/add-remove.html
Jeg har genbrugt fuldstændig den samme kode som i demonstrations linket nederst.. Min tanke var at jeg ville bruge det til at man som bruger kunne tilføje x antal ønsket <input> felter i en form. Hvilket ser således ud:
Event.add(window, 'load', function() {
var i = 0;
Event.add('add-element', 'click', function() {
var el = document.createElement('p');
el.innerHTML = '<input type="text" name="test" value="input field" /> (' + ++i + ')';
Dom.add(el, 'content');
Event.add(el, 'click', function(e) {
Dom.remove(this);
});
});
});
Men som det virker nu, så er input feltet 'clickable' , så klikker man og vil skrive noget i input feltet, ja så fjernes det.. Findes der en nem løsning, hvor man kunne smide et remove link ved siden af formen, så blot dette var clickable og ikke selve input feltet?
Håber det gav mening, ellers spørg endelig :)
