Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 15 von 16
  1. 16-10-2008, 09:38 #1
    hansi84
    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>
    Zitieren Zitieren
  2. 16-10-2008, 11:20 #2
    ToM80
    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?
    Zitieren Zitieren
  3. 16-10-2008, 11:31 #3
    hansi84
    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 = ................> .
    Zitieren Zitieren
  4. 16-10-2008, 11:41 #4
    ToM80
    ToM80 ist offline Foren-Gott
    registriert
    27-03-2006
    Ort
    Neuss
    Beiträge
    2.729

    AW: Tabelle auf Knopfdruck um Zeilen u. Eingabefelder erweitern

    http://forum.jswelt.de/javascript/44...stellen-n.html (Javascript Checkboxen erstellen in n)
    Zitieren Zitieren
  5. 16-10-2008, 12:08 #5
    hansi84
    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>
    Zitieren Zitieren
  6. 16-10-2008, 12:33 #6
    ToM80
    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
    Zitieren Zitieren
  7. 16-10-2008, 12:57 #7
    hansi84
    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>
    Zitieren Zitieren
  8. 16-10-2008, 13:39 #8
    ToM80
    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.
    Zitieren Zitieren
  9. 16-10-2008, 13:49 #9
    hansi84
    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)
    Zitieren Zitieren
  10. 16-10-2008, 14:08 #10
    xplox
    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!
    Zitieren Zitieren
  11. 16-10-2008, 14:23 #11
    xplox
    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!"
    Zitieren Zitieren
  12. 16-10-2008, 14:42 #12
    hansi84
    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
    Zitieren Zitieren
  13. 16-10-2008, 14:45 #13
    ToM80
    ToM80 ist offline Foren-Gott
    registriert
    27-03-2006
    Ort
    Neuss
    Beiträge
    2.729

    AW: Tabelle auf Knopfdruck um Zeilen u. Eingabefelder erweitern

    SELFHTML: JavaScript / Objektreferenz / node
    Zitieren Zitieren
  14. 16-10-2008, 15:00 #14
    hansi84
    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
    SELFHTML: JavaScript / Objektreferenz / node


    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
    Zitieren Zitieren
  15. 16-10-2008, 18:42 #15
    Avatar von kkapsner
    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.
    Zitieren Zitieren
Seite 1 von 2 12 LetzteLetzte
« Vorheriges Thema | Nächstes Thema »

Ä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. focus() auf Fenster und scheiben in Eingabefelder
    Von René im Forum JavaScript
    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
  •  

Foren-Regeln