Mehrer Zeilen ausblenden

Saphira · 14.10.2010, 00:15

Hallo,
ich muss in einer Tabelle mehrere Zeilen ausblenden. Wie das mit dem toogle geht weis ich aber wie kann ich das auf mehrere Zeilen anwenden. Ich habe das jetzt so gemacht aber das ist nicht validiert. Ich kann auf Grund der Tabellenformatierung aber auch keine innere Tabelle erstellen.

Code:

<table>
 <tr><td>text...</td></tr>
 <tr><td>text...</td></tr>
 <tr><td>text...</td></tr>
<div id="toogle">
 <tr><td>text...</td></tr>
 <tr><td>text...</td></tr>
 <tr><td>text...</td></tr>
 <tr><td>text...</td></tr>
</div>
 <tr><td>text...</td></tr>
 <tr><td>text...</td></tr>
</table>

Kann mir da jemand helfen?

VG Karsten

nikosch · 14.10.2010, 00:18

Dann musst Du eben mehrere Zeilen gleichzeitig togglen. Eine css-Klasse bietet sich an.

ChrisB · 14.10.2010, 00:23

Zitat:

Zitat von Saphira

Ich habe das jetzt so gemacht aber das ist nicht validiert. Ich kann auf Grund der Tabellenformatierung aber auch keine innere Tabelle erstellen.

Kannst du denn eine weitere Unterteilung der TRs mit den dafür vorgesehenen Elementen vornehmen?

Saphira · 14.10.2010, 00:38

Hallo danke für die schnellen Antworten,

@nikosch
wie soll ich denn get.element.by.id für Klassen anwenden?

@ChrisB
ich habe schon mehreres probiert aber ich habe das Problem des Cellspacing der äüßeren Tabelle, da sehen alle unterteilungen komisch aus...

Gruß Karsten

ChrisB · 14.10.2010, 00:53

Zitat:

Zitat von Saphira

wie soll ich denn get.element.by.id für Klassen anwenden?

Gar nicht - aber bspw. den Nachfahren-Selektor sinnvoll einsetzen.

nikosch · 14.10.2010, 01:31

Es gibt genügend Implementierungen für getElementsByClass, auch in diesem Board.

Saphira · 14.10.2010, 02:01

Ich versuche das gerade irgendwie mit

Code:

innerHTML = '<tr><td>test<\/td><\/tr>';

bei den Toogle zu lösen aber bekomm das nicht hin... das funktioniert nicht. Ach man weis nicht weiter.

Gruß Karsten

Dark Guardian · 14.10.2010, 15:19

JQuery hilft:

Code:

<table>
 <tr><td>text...</td></tr>
 <tr><td>text...</td></tr>
 <tr><td>text...</td></tr>
 <tr class="trToggable"><td>text...</td></tr>
 <tr class="trToggable"><td>text...</td></tr>
 <tr class="trToggable"><td>text...</td></tr>
 <tr class="trToggable"><td>text...</td></tr>
 <tr><td>text...</td></tr>
 <tr><td>text...</td></tr>
</table>

Entsprechender JQuery Code sähe so aus:

Code:

$('.trToggable').toggle();

draco88 · 14.10.2010, 15:31

Oder nimm statt dem div ein tbody-Element. Müsste damit valide sein, bin mir allerdings nicht sicher.

TZP · 20.10.2010, 12:22

Brauchst du noch Unterstützung oder ist das Ding durch?

Ja, ich weiß...ich sollte mich nich immer in alles einmischen aber ich habe gerade eine Drang-phase.

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
Wie leere Zeilen aus Array löschen (array_filter)?	Moon	PHP Tipps 2010	14	02.06.2010 11:11
[Erledigt] Ausgabe von mehreren Zeilen einer Tabelle	Rutor	PHP Tipps 2010	2	22.02.2010 10:05
Zeilen zählen und und xx Zeilen ausgeben	lord_icon	PHP Tipps 2010	5	29.01.2010 23:29
Zeilen ausblenden mit Javascript	mschaer	JavaScript, Ajax und mehr	7	18.12.2009 09:55
[Erledigt] Leere Zeilen ignorieren?	BlackScorp	PHP Tipps 2009	8	15.10.2009 09:45
Ausgabe von Datenbank ein- und ausblenden	serainam81	PHP Tipps 2008	6	05.09.2008 18:22
Sql Updates mehrer Zeilen	Fr33z3m4n	PHP Tipps 2006	7	10.02.2006 09:07
Zeilen heruasfinden?!		PHP Tipps 2007	4	02.12.2005 16:53
Layer ein- und ausblenden	GN	HTML, Usability und Barrierefreiheit	2	24.08.2005 23:28
[Erledigt] MySQL Zeilen lassen sich nicht kategorisieren		Datenbanken	3	24.05.2005 01:15
Datenausgabe in 2 Spalten und mehrere Zeilen	mediaindesign	Datenbanken	8	27.03.2005 09:13
[Erledigt] Doppelte zeilen löschen		Datenbanken	8	06.12.2004 17:17
Fehlerausgabe ausblenden		Datenbanken	2	02.11.2004 12:30
[Erledigt] 0 Zeilen werden zurückgegeben		Datenbanken	5	21.08.2004 01:13
mehrere zeilen aus *.txt verschieden-farbig auslesen		PHP Tipps 2004	3	30.06.2004 21:50

14.10.2010, 00:15
Saphira Benutzer Registriert seit: 11.07.2008 Beiträge: 41	Mehrer Zeilen ausblenden Hallo, ich muss in einer Tabelle mehrere Zeilen ausblenden. Wie das mit dem toogle geht weis ich aber wie kann ich das auf mehrere Zeilen anwenden. Ich habe das jetzt so gemacht aber das ist nicht validiert. Ich kann auf Grund der Tabellenformatierung aber auch keine innere Tabelle erstellen. Code: <table> <tr><td>text...</td></tr> <tr><td>text...</td></tr> <tr><td>text...</td></tr> <div id="toogle"> <tr><td>text...</td></tr> <tr><td>text...</td></tr> <tr><td>text...</td></tr> <tr><td>text...</td></tr> </div> <tr><td>text...</td></tr> <tr><td>text...</td></tr> </table> Kann mir da jemand helfen? VG Karsten __________________ Geändert von Saphira (14.10.2010 um 00:38 Uhr).


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

14.10.2010, 00:18
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Dann musst Du eben mehrere Zeilen gleichzeitig togglen. Eine css-Klasse bietet sich an. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

14.10.2010, 00:38
Saphira Benutzer Registriert seit: 11.07.2008 Beiträge: 41	Hallo danke für die schnellen Antworten, @nikosch wie soll ich denn get.element.by.id für Klassen anwenden? @ChrisB ich habe schon mehreres probiert aber ich habe das Problem des Cellspacing der äüßeren Tabelle, da sehen alle unterteilungen komisch aus... Gruß Karsten __________________

14.10.2010, 01:31
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Es gibt genügend Implementierungen für getElementsByClass, auch in diesem Board. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

14.10.2010, 02:01
Saphira Benutzer Registriert seit: 11.07.2008 Beiträge: 41	Ich versuche das gerade irgendwie mit Code: innerHTML = '<tr><td>test<\/td><\/tr>'; bei den Toogle zu lösen aber bekomm das nicht hin... das funktioniert nicht. Ach man weis nicht weiter. Gruß Karsten __________________

14.10.2010, 15:31
draco88 Erfahrener Benutzer Registriert seit: 01.12.2009 Beiträge: 645 PHP-Kenntnisse: Fortgeschritten	Oder nimm statt dem div ein tbody-Element. Müsste damit valide sein, bin mir allerdings nicht sicher.

20.10.2010, 12:22
TZP Erfahrener Benutzer Registriert seit: 17.08.2010 Beiträge: 152 PHP-Kenntnisse: Anfänger	Brauchst du noch Unterstützung oder ist das Ding durch? Ja, ich weiß...ich sollte mich nich immer in alles einmischen aber ich habe gerade eine Drang-phase.