Hey ihr,
Erklärung zur Tabelle:
Die Tabelle soll eine Art Zeit-Planer sein, die ersten zwei Spalten sind der Kundenname und die Kundennummer, die weiteren 10 Spalten, sind verschiedene Arbeitsbereiche, bei denen man mit nem Input type=time Stunden hinzufügen oder abziehen kann und ganz zum Schluss ist noch eine Spalte Summe, die die Stunden zusammenzählt und ein Button zum löschen der Zeile.
Mein Problem:
Ich hab schon alle möglichen Google Lösungen versucht, jedoch war das beste Ergebnis bis jetzt, dass eine Zeile hinzugefügt wurde, jedoch ohne Inhalt oder Buttons oder Sonstiges. Ich würde mir aber wünschen, dass ich den Namen und die Nummer aus den Input Felder rausholen kann und in die Zeile speichern und die anderen Spalten ein Input bekommen.
Ich hoffe ihr könnt mir weiterhelfen 
Hier mein HTML:
[HTML]
| Ordername |
Ordernumber |
Pitch |
|
|
|
|
|
|
Prodection |
|
|
Sum |
|
|
Research |
Design |
Modification |
Layouts |
Specification |
Revision |
Communication |
Working Drawings |
Admin Project Managment |
Graphics |
|
|
|
|
|
|
|
|
|
|
|
|
00:00 |
|
[/HTML]
Javascript:
[CODE][/CODE]
Lg Mona
Du bist da konzeptionell auf dem Holzweg.
Die Order sollten als Array übergeben werden, über das im HTML per Schleife iteriert wird. Beim hinzufügen oder löschen von Tablerows erzeugt man keine neuen DOM-Elemente, sondern verändert das Array. Was dann auch das JavaScript vereinfacht.
Außerdem erzeugt input type=„time“ ein Date Object; du brauchst type=„number“.
Das hier wäre ein Ansatz:
https://plnkr.co/edit/CGbUpZUOnano48TtcI7k?p=preview
Hey danke für die Antwort, aber ehrlich gesagt versteh ich den Code nicht :o
Ich hab noch nicht viel Erfahrung mit Js und dachte nicht, dass es so ein großes Problem wird eine Tabellen Zeile hinzuzufügen. Wieso kann man das denn nicht mit createElement(‚input‘) machen?
Es reicht doch, wenn du den Code übernimmst und auf deine Anforderungen abwandelt, aber ich kann das bedarfsweise auch erklären.
Passiert in meinem Beispiel doch. Der Klick auf die Buttons erzeugt entweder eine neue Table Row samt Input-Feldern erzeugt oder löscht die aktuelle. Das createElement() läuft hier ‚unsichtbar‘ im Hintergrund.