2 Button

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • 2 Button

    In dieses Javascript muss noch ein Eigabefeld rein ! Wie sieht das dann aus ? (Bin JavaScript Anfänger)

    Quellcode

    1. var id=1function NeuerLink(){ var table = document.getElementById('dyntable'); var newTr = document.createElement("tr"); var newTd = document.createElement('td'); var newInput = document.createElement('input'); newInput.type = 'text'; newInput.size = '76'; newInput.maxlength= '150'; newInput.setAttribute('id', 'link[' + id + ']'); newInput.setAttribute('class', 'inputbox'); newTd.appendChild(newInput); newTr.appendChild(newTd); table.tBodies[0].appendChild(newTr); id = id + 1}

  • Nochmal untereinander

    Quellcode

    1. var id=1function NeuerLink(){ var table = document.getElementById('dyntable');
    2. var newTr = document.createElement("tr");
    3. var newTd = document.createElement('td'); var newInput = document.createElement('input'); newInput.type = 'text'; newInput.size = '76'; newInput.maxlength= '150'; newInput.setAttribute('id', 'link[' + id + ']'); newInput.setAttribute('class', 'inputbox'); newTd.appendChild(newInput); newTr.appendChild(newTd); table.tBodies[0].appendChild(newTr); id = id + 1}

  • Und dank jsbeautifier.org/ jetzt nochmal schöner ;)

    Quellcode

    1. var id = 1;
    2. function NeuerLink() {
    3. var table = document.getElementById('dyntable');
    4. var newTr = document.createElement("tr");
    5. var newTd = document.createElement('td');
    6. var newInput = document.createElement('input');
    7. newInput.type = 'text';
    8. newInput.size = '76';
    9. newInput.maxlength = '150';
    10. newInput.setAttribute('id', 'link[' + id + ']');
    11. newInput.setAttribute('class', 'inputbox');
    12. newTd.appendChild(newInput);
    13. newTr.appendChild(newTd);
    14. table.tBodies[0].appendChild(newTr);
    15. id = id + 1
    16. }
    Alles anzeigen


    Als JavaScript Anfänger solltest du es dir nicht so kompliziert machen und lieber mit innerHTML arbeiten, statt alles über DOM Kommandos zusammenzubauen. Ich habe dir die Methode mal umgeschrieben - jetzt solltest du es schaffen ein weiteres input Element hinzuzufügen, oder?

    Quellcode

    1. var id = 1;
    2. function NeuerLink() {
    3. var table = document.getElementById('dyntable');
    4. var newTr = document.createElement("tr");
    5. newTr.innerHTML = '<tr>'+
    6. '<td><input type="text" size="76" maxlength="150" class="inputbox" id="link['+id+']"></td>'+
    7. '</tr>';
    9. table.tBodies[0].appendChild(newTr);
    10. id = id + 1;
    11. }
    Alles anzeigen