[Erledigt] Problem mit Zeile löschen Tabelle Javascript

01.06.2010, 02:05

Guten Abend / Morgen,
Ich Programmiere im momment ein kleines Kassensystem, mit Lagerverwaltung. Im Verkauf will ich eigentlich alles per Ajax lößen, nun habe ich ein Problem.

Für jeden Artikel wird in einer HTML-Tabelle eine eigene Zeile angelegt, die Daten des Artikels per Ajax geladen und alles angezeigt. Es gibt 2 Aktionen "+" und "-". Die eine erhört die Anzahl dessen was man kauft und die andere veringert diese.
Wenn jetzt die Anzahl "0" ist setzt ich im momment die Zeile einfach als "Leer" indem ich innerHTML auf "" setze.

Das führt nun leider zu anzeigefehlern. Nun versuche ich seit ca. 22 Uhr das Problem zu lößen indem ich die Zeile per "deleteRow" oder "removeChild" zu die Zeile löschen will. Das wäre die mir liebste Lösung da ich so jedem "Ärger" im weiteren verlauf aus dem Weg gehen kann.

Nur ist mein Problem, diese Funktionen erwarten als Parameter die Nummer also welche Zeile das ist. Wie kann ich diese ermitteln?

Mein Code sieht so aus (req ist das httpRequest - Object):

Code:

document.getElementById(RowID).innerHTML = "";

Hoffe ihr könnt mir helfen, und schonmal vielen vielen Dank im Vorraus!

Gruß
nBassCom

ChrisB · 01.06.2010, 21:45

Zitat:

Zitat von nBassCom

Wenn jetzt die Anzahl "0" ist setzt ich im momment die Zeile einfach als "Leer" indem ich innerHTML auf "" setze.

Das führt nun leider zu anzeigefehlern.

Was für Anzeigefehler?
Bitte gewöhne dir an, dich präziser auszudrücken.

Meinst du vielleicht gar keinen „Anzeigefehler“, sondern einen JavaScript-Fehler?
Wenn dein Testbrowser der IE ist und du wirklich innerHTML eines TR-Elementes setzen willst, wäre das kein Wunder - sondern ein Fall von works as designed.

Zitat:

Nun versuche ich seit ca. 22 Uhr das Problem zu lößen indem ich die Zeile per "deleteRow" oder "removeChild" zu die Zeile löschen will. Das wäre die mir liebste Lösung da ich so jedem "Ärger" im weiteren verlauf aus dem Weg gehen kann.

Nur ist mein Problem, diese Funktionen erwarten als Parameter die Nummer also welche Zeile das ist.

Nein, removeChild erwartet keine „Nummer“, sonder lediglich die Referenz auf das Element.

Wenn du mit der Anwendung noch Probleme hast - dann beschreibe diese bitte nachvollziehbar. (Und mit auf's wesentliche reduziertem Code, denn der ganze AJAX-Kram ist bspw. eher uninteressant.)

02.06.2010, 14:36

Hallo,
Hat sich inzwischen erledigt, habe einfach nochmal und nochmal andere Sachen probiert.

Mein Fehler war das ich die Tabellen-Zeile geleert habe und sie trozdem noch da war! Dadurch wurde der Border der Tabelle falsch angezeigt.

Code:

  document.getElementById(RowID).innerHTML = "";

musste ich einfach nur zu:

Code:

document.getElementById("tBasket").deleteRow(document.getElementById(RowID).rowIndex);

ändern ...

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Zeile einer Tabelle löschen.	b@n@ne	JavaScript, Ajax und mehr	7	23.10.2009 19:54
Zeile aus Datei löschen	haiyyu	PHP Tipps 2009	12	14.05.2009 20:45
[Erledigt] Bilder aus Tabelle löschen oder umbenennen	Catan	PHP Tipps 2009	5	05.05.2009 09:18
Tabelle abfragen, editieren und löschen mit Bildchen	dynamic	PHP Tipps 2009	3	22.01.2009 19:23
1101: 10x JavaScript und kein Ende ist abzusehen…	Nikolaus 2.0	Adventskalender 2008	9	13.12.2008 20:11
Position einer zeile in einer sortierten tabelle bestimmen	Drache	Datenbanken	9	17.06.2007 10:45
3 spaltige Tabelle - Experten Problem	havok	PHP Tipps 2006	12	19.05.2006 11:55
[Erledigt] Problem mit dem Füllen einer Tabelle über Formular		PHP Tipps 2006	18	10.01.2006 12:51
hilfe: löschen einer zeile nach bestimmter zeit		Datenbanken	9	29.10.2005 21:51
[Erledigt] Löschen aus Tabelle mit ID-Übergabe		Datenbanken	8	20.10.2005 22:10
Problem mit PFad Firefox - Verzeichnis löschen		PHP Tipps 2005-2	0	19.07.2005 16:05
eine zeile in meiner tabelle in der DB löschen	GrU3nL!nG	Datenbanken	3	13.07.2005 12:57
Tabelle verknüpfungs problem!		PHP Tipps 2005	16	21.05.2005 11:07
Problem mit zwei variablen - löschen - MySQL		PHP Tipps 2004	9	17.10.2004 20:57
Problem mit JavaScript: Läuft nur im IE		HTML, Usability und Barrierefreiheit	8	11.08.2004 19:47

01.06.2010, 02:05
nBassCom Gast Beiträge: n/a	[Erledigt] Problem mit Zeile löschen Tabelle Javascript Guten Abend / Morgen, Ich Programmiere im momment ein kleines Kassensystem, mit Lagerverwaltung. Im Verkauf will ich eigentlich alles per Ajax lößen, nun habe ich ein Problem. Für jeden Artikel wird in einer HTML-Tabelle eine eigene Zeile angelegt, die Daten des Artikels per Ajax geladen und alles angezeigt. Es gibt 2 Aktionen "+" und "-". Die eine erhört die Anzahl dessen was man kauft und die andere veringert diese. Wenn jetzt die Anzahl "0" ist setzt ich im momment die Zeile einfach als "Leer" indem ich innerHTML auf "" setze. Das führt nun leider zu anzeigefehlern. Nun versuche ich seit ca. 22 Uhr das Problem zu lößen indem ich die Zeile per "deleteRow" oder "removeChild" zu die Zeile löschen will. Das wäre die mir liebste Lösung da ich so jedem "Ärger" im weiteren verlauf aus dem Weg gehen kann. Nur ist mein Problem, diese Funktionen erwarten als Parameter die Nummer also welche Zeile das ist. Wie kann ich diese ermitteln? Mein Code sieht so aus (req ist das httpRequest - Object): Code: document.getElementById(RowID).innerHTML = ""; Hoffe ihr könnt mir helfen, und schonmal vielen vielen Dank im Vorraus! Gruß nBassCom Geändert von nBassCom (02.06.2010 um 14:37 Uhr).


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

02.06.2010, 14:36
nBassCom Gast Beiträge: n/a	Hallo, Hat sich inzwischen erledigt, habe einfach nochmal und nochmal andere Sachen probiert. Mein Fehler war das ich die Tabellen-Zeile geleert habe und sie trozdem noch da war! Dadurch wurde der Border der Tabelle falsch angezeigt. Code: document.getElementById(RowID).innerHTML = ""; musste ich einfach nur zu: Code: document.getElementById("tBasket").deleteRow(document.getElementById(RowID).rowIndex); ändern ...