container mit tabelle rechts aufklappen

01.04.2005, 10:13

Morgen Leute.

problem: ich hab die ersten spalten einer tabelle abgebildet und möchte auf klick die restlichen spalten rechts daneben aufklappen lassen.
Einen div Container mit einer separaten tabelle aufzuklappen funktioniert ohne probleme mit der funktion:

Code:

onClick="getElementById('x').style.display='block'"

jedoch kann ich tabellen nicht direkt nebeneinander setzen, es sei denn ich verwende layer. wobei ich hiermit probleme mit der genauen positionierung bekommen. schließlich sollen die tabellen genau bündig sein.

gibt es nun möglichkeiten die tabelle (evtl. mit einem container) zu erweitern? oder würdet ihr mir andere alternativen raten.

Grüße,

burli

robo47 · 01.04.2005, 10:20

wie wärs einfach dem betreffenden <tr> ne id zu verpassen und dann mittels display = none zu arbeiten?

01.04.2005, 10:28

na dann wird doch die ganze zeile ausgeblendet. ein teil der tabelle soll ja stehen bleiben und der rest auf wunsch erweitert werden.

robo47 · 01.04.2005, 10:30

ups spalten :P dann wirst du wohl jeder zeile im <td> einen namen!! nicht id geben müssen und über getElementByName das machen.

mfg
robo47

01.04.2005, 11:08

das haut mit getElementsByName nich hin.

PHP-Code:

  [url="#"]link[/url]

und

PHP-Code:

  <tr name="x" style="display:none;">

<td> inhalt</td>

</tr>

mit getElementsById funktioniert's

robo47 · 01.04.2005, 11:17

du musst ja auch die td's namentlcih machen:P so da du spalten verschwinden lassen willst muss dein quelltext so aussehen:

Code:

<tr>
  <td name="spalte1">inhalt</td>
  <td name="spalte2">inhalt</td>
  <td name="spalte3">inhalt</td>
</tr>
<tr>
  <td name="spalte1">inhalt</td>
  <td name="spalte2">inhalt</td>
  <td name="spalte3">inhalt</td>
</tr>

mfg
robo47

01.04.2005, 11:27

habe nun folgenden code und es funktioniert mit name nicht:

PHP-Code:

  [url="#"]test[/url]

 
  <table>

    <tr>

      <td name='x'>zelle 1</td>

      <td>zelle 2</td>

    </tr>

    <tr>

      <td>zelle 3</td>

      <td>zelle 4</td>

    </tr>

  </table>

robo47 · 01.04.2005, 11:34

du musst wohl auch alle td's drunter ensprechende spaltennamen geben, würde ich sagen :P

ausserdem sagt mein firefox folgendes:

Fehler: getElementsByName("spalte1").style has no properties
naja mit javascript kenne ihc mich zu wenig aus, wirst du dir von jemand anders helfen lassen müssen :P

01.04.2005, 12:09

danke für deine hilfe. hab das ganze jetzt so gelöst:

PHP-Code:

  <html>

<head>

 
<script type="text/javascript">

function x () {

  document.getElementsByName("x")[0].style.display='block';

  document.getElementsByName("x")[1].style.display='block';

  document.getElementsByName("x")[2].style.display='block';

  document.getElementsByName("x")[3].style.display='block';

}

</script>

 
</head>

 
 
<body>

 
<table>

<tr>

  <td name="x" style="display:none;">zelle1</td>

  <td name="x" style="display:none;">zelle2</td>

  <td name="x" style="display:none;">zelle3</td>

  <td name="x" style="display:none;">zelle4</td>

</tr>

</table>

 
</body>

das ganze könnte ich doch auch in einer schliefe lösen, da ich jede menge zellen zum ein (und wieder ausblenden) habe. - nur wie?

robo47 · 01.04.2005, 12:16

was willst du eigentlich ausblenden? spalten ? zeilen? zellen?

aber zu deinem problem kann ich dir nix sagen :P
mfg
robo47

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
[CSS] Container in Container	Igäl	HTML, Usability und Barrierefreiheit	5	04.09.2007 11:29
Zeilenanzahl einer tabelle mit WHERE aber ohne schleife?	sovereign	Datenbanken	13	17.04.2006 20:34
[Erledigt] Problem mit dem Füllen einer Tabelle über Formular		PHP Tipps 2006	18	10.01.2006 12:51
Problem mit Anzeige einer Tabelle mit dem Firefox?		HTML, Usability und Barrierefreiheit	8	28.11.2005 15:08
[Erledigt] Tabelle aktualisieren		Datenbanken	3	23.11.2005 09:54
[Erledigt] Problem mit mySQL		Datenbanken	7	27.09.2005 12:06
[Erledigt] mysql abfrage über 4 Tabelle - bis 3 geht, bei der 4. habert		Datenbanken	2	08.09.2005 11:59
tabelle in tabelle ohne aussenrand	noskule	HTML, Usability und Barrierefreiheit	6	25.08.2005 14:17
Menü das von links nach rechts ins bild kommt zum aufklappen		HTML, Usability und Barrierefreiheit	11	28.06.2005 18:21
Tabelle im DIV-Container zentrieren		HTML, Usability und Barrierefreiheit	1	21.04.2005 22:28
Tabelle in Tabelle ausrichten		HTML, Usability und Barrierefreiheit	7	03.01.2005 14:32
[Erledigt] Ganze Tabelle ausgeben		PHP Tipps 2004-2	1	21.11.2004 16:48
[Erledigt] Tabelle in Tabelle automatisch anpassen		HTML, Usability und Barrierefreiheit	3	04.11.2004 21:37
Sortieren anhand einer zweiten Tabelle		PHP Tipps 2004	6	20.09.2004 09:03
HILFE: Column count doesn't match value count at row 1		Datenbanken	17	12.06.2004 16:45

01.04.2005, 10:13
Gast Beiträge: n/a	container mit tabelle rechts aufklappen Morgen Leute. problem: ich hab die ersten spalten einer tabelle abgebildet und möchte auf klick die restlichen spalten rechts daneben aufklappen lassen. Einen div Container mit einer separaten tabelle aufzuklappen funktioniert ohne probleme mit der funktion: Code: onClick="getElementById('x').style.display='block'" jedoch kann ich tabellen nicht direkt nebeneinander setzen, es sei denn ich verwende layer. wobei ich hiermit probleme mit der genauen positionierung bekommen. schließlich sollen die tabellen genau bündig sein. gibt es nun möglichkeiten die tabelle (evtl. mit einem container) zu erweitern? oder würdet ihr mir andere alternativen raten. Grüße, burli


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

01.04.2005, 10:20
robo47 Moderator Registriert seit: 03.09.2004 Beiträge: 11.792 PHP-Kenntnisse: Fortgeschritten	wie wärs einfach dem betreffenden <tr> ne id zu verpassen und dann mittels display = none zu arbeiten? __________________ robo47.net - Blog, Codeschnipsel und mehr \| Caching-Klassen und Opcode Caches in php \| Robo47 Components - PHP Library extending Zend Framework

01.04.2005, 10:28
Gast Beiträge: n/a	na dann wird doch die ganze zeile ausgeblendet. ein teil der tabelle soll ja stehen bleiben und der rest auf wunsch erweitert werden.

01.04.2005, 10:30
robo47 Moderator Registriert seit: 03.09.2004 Beiträge: 11.792 PHP-Kenntnisse: Fortgeschritten	ups spalten :P dann wirst du wohl jeder zeile im <td> einen namen!! nicht id geben müssen und über getElementByName das machen. mfg robo47 __________________ robo47.net - Blog, Codeschnipsel und mehr \| Caching-Klassen und Opcode Caches in php \| Robo47 Components - PHP Library extending Zend Framework

01.04.2005, 11:08
Gast Beiträge: n/a	das haut mit getElementsByName nich hin. PHP-Code: `[url="#"]link[/url]` und PHP-Code: `<tr name="x" style="display:none;"> <td> inhalt</td> </tr>` mit getElementsById funktioniert's

01.04.2005, 11:17
robo47 Moderator Registriert seit: 03.09.2004 Beiträge: 11.792 PHP-Kenntnisse: Fortgeschritten	du musst ja auch die td's namentlcih machen:P so da du spalten verschwinden lassen willst muss dein quelltext so aussehen: Code: <tr> <td name="spalte1">inhalt</td> <td name="spalte2">inhalt</td> <td name="spalte3">inhalt</td> </tr> <tr> <td name="spalte1">inhalt</td> <td name="spalte2">inhalt</td> <td name="spalte3">inhalt</td> </tr> mfg robo47 __________________ robo47.net - Blog, Codeschnipsel und mehr \| Caching-Klassen und Opcode Caches in php \| Robo47 Components - PHP Library extending Zend Framework

01.04.2005, 11:27
Gast Beiträge: n/a	habe nun folgenden code und es funktioniert mit name nicht: PHP-Code: `[url="#"]test[/url] <table> <tr> <td name='x'>zelle 1</td> <td>zelle 2</td> </tr> <tr> <td>zelle 3</td> <td>zelle 4</td> </tr> </table>`

01.04.2005, 11:34
robo47 Moderator Registriert seit: 03.09.2004 Beiträge: 11.792 PHP-Kenntnisse: Fortgeschritten	du musst wohl auch alle td's drunter ensprechende spaltennamen geben, würde ich sagen :P ausserdem sagt mein firefox folgendes: Fehler: getElementsByName("spalte1").style has no properties naja mit javascript kenne ihc mich zu wenig aus, wirst du dir von jemand anders helfen lassen müssen :P __________________ robo47.net - Blog, Codeschnipsel und mehr \| Caching-Klassen und Opcode Caches in php \| Robo47 Components - PHP Library extending Zend Framework

01.04.2005, 12:09
Gast Beiträge: n/a	danke für deine hilfe. hab das ganze jetzt so gelöst: PHP-Code: <html> <head> <script type="text/javascript"> function x () { document.getElementsByName("x")[0].style.display='block'; document.getElementsByName("x")[1].style.display='block'; document.getElementsByName("x")[2].style.display='block'; document.getElementsByName("x")[3].style.display='block'; } </script> </head> <body> <table> <tr> <td name="x" style="display:none;">zelle1</td> <td name="x" style="display:none;">zelle2</td> <td name="x" style="display:none;">zelle3</td> <td name="x" style="display:none;">zelle4</td> </tr> </table> </body> das ganze könnte ich doch auch in einer schliefe lösen, da ich jede menge zellen zum ein (und wieder ausblenden) habe. - nur wie?

01.04.2005, 12:16
robo47 Moderator Registriert seit: 03.09.2004 Beiträge: 11.792 PHP-Kenntnisse: Fortgeschritten	was willst du eigentlich ausblenden? spalten ? zeilen? zellen? aber zu deinem problem kann ich dir nix sagen :P mfg robo47 __________________ robo47.net - Blog, Codeschnipsel und mehr \| Caching-Klassen und Opcode Caches in php \| Robo47 Components - PHP Library extending Zend Framework