Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 15 von 16
  1. #1
    hansi84 ist offline Grünschnabel
    registriert
    16-10-2008
    Beiträge
    9

    Tabelle auf Knopfdruck um Zeilen u. Eingabefelder erweitern

    Hallo,


    ich möchte eine Tabelle auf Knopfdruck um eine Zeile erweitern. Das Ganze klappt auch so weit. Nun ist es aber so, dass die Zeile aus einem Eingabefeld besteht und das leider nicht funktioniert.


    Hier mal der Code:

    Code:
     <script type="text/javascript" >
    function neueZeile()
     {
     var myTR = document.createElement("tr");
    var myTD = document.createElement("td");
    var myText = document.createTextNode("<input name=\"dynamisch\">");
    myTD.appendChild(myText);
    myTR.appendChild(myTD);
    var Ausgabebereich = document.getElementById("nz");
    Ausgabebereich.appendChild(myTR);
    alert("Die Funktion wurde aufgerufen");
    
     }
     </script>
    
    
    <table>
    <tr>
    <td>Das ist ein Test</td>
    </tr>
    
    <tbody id="nz"></tbody>
    
    <tr>
    <td colspan=5>
    
    <button name="nz" type="button"
    onClick="neueZeile()">
    neue Zeile
    </button>
    
    </td>
    </tr>
    
    </table>

  2. #2
    ToM80 ist offline Foren-Gott
    registriert
    27-03-2006
    Ort
    Neuss
    Beiträge
    2.729

    AW: Tabelle auf Knopfdruck um Zeilen u. Eingabefelder erweitern

    Was funktioniert nicht?

  3. #3
    hansi84 ist offline Grünschnabel
    registriert
    16-10-2008
    Beiträge
    9

    AW: Tabelle auf Knopfdruck um Zeilen u. Eingabefelder erweitern

    Zitat Zitat von ToM80 Beitrag anzeigen
    Was funktioniert nicht?
    Die Zeile wird erzeugt, allerdings gibt es statt dem Input-Feld dieses nur als Text aus, sprich
    <input name = ................> .

  4. #4
    ToM80 ist offline Foren-Gott
    registriert
    27-03-2006
    Ort
    Neuss
    Beiträge
    2.729

    AW: Tabelle auf Knopfdruck um Zeilen u. Eingabefelder erweitern


  5. #5
    hansi84 ist offline Grünschnabel
    registriert
    16-10-2008
    Beiträge
    9

    AW: Tabelle auf Knopfdruck um Zeilen u. Eingabefelder erweitern

    Hallo!

    Das Ganze funktioniert so weit jetzt. Nun stellt sich die Frage wie ich jedes erzeugte Eingabefeld einzeln benennen kann?

    Hier der aktuelle Code:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
      <title></title>
      </head>
      <body>
     
    <script type="text/javascript" >
    function neueZeile()
    {
    var myTR = document.createElement("tr");
    var myTD = document.createElement("td");
    var myTD2 = document.createElement("td");
    var myText = document.createElement("input");
    var myText2 = document.createElement("input");
    
    myTD.appendChild(myText);
    myTD2.appendChild(myText2);
    myTR.appendChild(myTD);
    myTR.appendChild(myTD2);
    var Ausgabebereich = document.getElementById("nz");
    Ausgabebereich.appendChild(myTR);
    alert("Die Funktion wurde aufgerufen");
    }
     </script>
    
    
    <table border="1">
    <tr>
    <td>Das ist ein Test</td>
    </tr>
    
    <tbody id="nz"></tbody>
    
    </table>
    
    <button name="nz" type="button"
    onClick="neueZeile()">
    neue Zeile
    </button>
    
    
    </body>
    </html>

  6. #6
    ToM80 ist offline Foren-Gott
    registriert
    27-03-2006
    Ort
    Neuss
    Beiträge
    2.729

    AW: Tabelle auf Knopfdruck um Zeilen u. Eingabefelder erweitern

    und nochmal der link:
    http://forum.jswelt.de/javascript/44...rstellen in n)
    lies dir den thread bitte bis zu ende durch

  7. #7
    hansi84 ist offline Grünschnabel
    registriert
    16-10-2008
    Beiträge
    9

    AW: Tabelle auf Knopfdruck um Zeilen u. Eingabefelder erweitern

    Zitat Zitat von ToM80 Beitrag anzeigen
    und nochmal der link:
    http://forum.jswelt.de/javascript/44...rstellen in n)
    lies dir den thread bitte bis zu ende durch
    Ja. Ich hab es gefunden.
    Neues Problem : Ich hab in einer externen css-Datei die Breite der Eingabefelder über eine entsprechende Klasse definiert Das Ganze klappt nun aber nicht mehr!
    Hier der aktuelle Code:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
     <head> 
      <title>Eingabeformular Warenanforderung</title>
      <link rel="stylesheet" type="text/css" href="wa.css">
      </head>
    
      <body>
     
    <script type="text/javascript" >
    function neueZeile()
    {
    var myTR = document.createElement("tr");
    var myTD = document.createElement("td");
    var myTD2 = document.createElement("td");
    var myTD3 = document.createElement("td");
    var myTD4 = document.createElement("td");
    var input = document.createElement("input");
    input.name = "text";
    input.value = "TEST";
    input.class = "e1";
    var input2 = document.createElement("input");
    var input3 = document.createElement("input");
    var input4 = document.createElement("input");
    myTD.appendChild(input);
    myTD2.appendChild(input2);
    myTD3.appendChild(input3);
    myTD4.appendChild(input4);
    myTR.appendChild(myTD);
    myTR.appendChild(myTD2);
    myTR.appendChild(myTD3);
    myTR.appendChild(myTD4);
    var Ausgabebereich = document.getElementById("nz");
    Ausgabebereich.appendChild(myTR);
    
    }
     </script>
    
     <table width = "90%" border="1" align = "center">
      <tr>
      <td width = "30%" align = "center">Artikel-Nr</td>
      <td width = "10%" align = "center">Menge</td>
      <td width = "40%" align = "center">Warenbezeichnung</td>
      <td width = "10%" align = "center">Einzelpreis</td>
      </tr>
      <tbody id="nz"></tbody>
      </table>
    
    
    
    
    
    <button name="nz" type="button"
    onClick="neueZeile()">
    neue Zeile
    </button>
    
    
    </body>
    </html>

  8. #8
    ToM80 ist offline Foren-Gott
    registriert
    27-03-2006
    Ort
    Neuss
    Beiträge
    2.729

    AW: Tabelle auf Knopfdruck um Zeilen u. Eingabefelder erweitern

    Wieso? du kannst doch dem Input eine class mitgeben.

  9. #9
    hansi84 ist offline Grünschnabel
    registriert
    16-10-2008
    Beiträge
    9

    AW: Tabelle auf Knopfdruck um Zeilen u. Eingabefelder erweitern

    Hab ich ja oben im Code.
    Allerdings tut sich nix.
    Geändert von hansi84 (16-10-2008 um 13:58 Uhr)

  10. #10
    xplox ist offline Eroberer
    registriert
    11-09-2008
    Beiträge
    65

    AW: Tabelle auf Knopfdruck um Zeilen u. Eingabefelder erweitern

    hab im moment das selbe problem... bei mir geht das stylesheet auch nicht!

  11. #11
    xplox ist offline Eroberer
    registriert
    11-09-2008
    Beiträge
    65

    AW: Tabelle auf Knopfdruck um Zeilen u. Eingabefelder erweitern

    Dafür hab ich jetzt eine Lösung gefunden!!!
    input.className = "el";

    Bei mir verschwindet die erzeugte Zeile Automatisch wieder sobald der Browser fertig geladen hat!"

  12. #12
    hansi84 ist offline Grünschnabel
    registriert
    16-10-2008
    Beiträge
    9

    AW: Tabelle auf Knopfdruck um Zeilen u. Eingabefelder erweitern

    Wunderbar! Klappt!

    Jetzt stellt sich die Frage wie man die Zeilen über einen anderen Button wieder löschen kann? Über Anregungen und Ideen würde ich mich sehr freuen. :o

  13. #13
    ToM80 ist offline Foren-Gott
    registriert
    27-03-2006
    Ort
    Neuss
    Beiträge
    2.729

    AW: Tabelle auf Knopfdruck um Zeilen u. Eingabefelder erweitern


  14. #14
    hansi84 ist offline Grünschnabel
    registriert
    16-10-2008
    Beiträge
    9

    AW: Tabelle auf Knopfdruck um Zeilen u. Eingabefelder erweitern



    Hallo!

    Ich hab es jetzt so versucht :

    Code:
    function loeschenZeile()
    {
    
    var Knoten  = document.getElementByTagName("tr").firstchild;
    we =  document.getElementByTagName("tr").removeChild(Knoten);
    alert (we.firstChild.nodeValue)
    }

    Funktioniert natürlich nicht

  15. #15
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.760

    AW: Tabelle auf Knopfdruck um Zeilen u. Eingabefelder erweitern

    Schau' doch mal nach, was document.getElementsByTagName("tr") dir zurückgibt?

    Ein Blick in die Fehlerkonsole kann manchmal auch helfen.

Seite 1 von 2 12 LetzteLetzte

Ähnliche Themen

  1. Scrollbare Tabelle
    Von ocelin im Forum Allgemeines
    Antworten: 1
    Letzter Beitrag: 22-01-2002, 12:53
  2. Stichwort Links, Frames, deep links usw...
    Von style-guide! im Forum Internet & Recht
    Antworten: 2
    Letzter Beitrag: 19-12-2001, 23:48
  3. Hintergrundfarbe in Tabelle auf mouseover ändern
    Von printe im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 25-09-2001, 11:01
  4. Neues Fenster auf Knopfdruck
    Von Matthias im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 12-02-2001, 11:29
  5. Antworten: 6
    Letzter Beitrag: 28-11-2000, 15:26

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •