Tabelle per Klick aufschieben - Daten ohne neuladen speichern - Wie?

[BeTZe]

Hallo Zusammen,
ich hoffe ich bin hier richtig. Ich möchte etwas über realisieren und weiß nicht so genau, wie ich das mache.
Ich habe eine Datenbank mit Daten. Diese möchte ich in einer Tabelle auf einer Seite ausgeben. In dieser Tabelle stehen z.B. 3 Spalten. Wenn man jetzt auf eine Spalte klickt, soll sich alles unterhalb der Spalte nach unten verschieben und unter der Spalte sollen die restlichen Daten zu diesem Spalteneintrag angezeigt werden.
Die Daten sollen in Formularfelder angezeigt werden und wenn man will, soll man da etwas ändern können und mit Klick auf einen Button sollen die Daten gespeichert werden. Am besten ohne neu laden der Seite und mit einer kleinen Grafik daneben, die anzeigt das die Daen gerade gespeichert werden.

Kann mir da jemand weiterhelfen? Wie kann ich sowas realiesern? Die Daten in einer Tabelle auszugeben ist nicht das Problem. Das habe ich schon. Aber wie kann ich den rest realisieren?

Im voraus vielen Dank für Hilfe.

 

[Curtains]

Hallo BeTZe,

für aufklappbare Datengitter gibt es verschiedene Realisierungsvarianten.
Hier ist ein möglicher Ansatz:
Beim Anklicken der Spalte werden die restlichen Daten (bzw. das 'Sub-Formular') in einem versteckten iFrame geladen und danach in das entsprechende Div (Hauptfenster) eingefügt.

Im Form-Tag sollte das 'target'-Attribut definiert sein:

<form action="blabla" target="name_des_iframes">

Wenn der User auf den Submit-Button klickt, dann wird das Formular durch das iFrame geschickt und das Hauptfenster muss nicht neu geladen werden.

 

[ZeitGeist]

Ich vermute mal du redest von Zeilen, bei Spalten fällt es mir schwer mir eine Verschiebung nach unten vorzustellen.

Mit einem Iframe wäre sicher eine Möglichkeit. Heutzutage würde man sowas aber mit AJAX machen. Wenn du mal ein wenig googlest wirst du unzählige Tutorials dazu finden.

 

[Curtains]

Heutzutage würde man sowas aber mit AJAX machen

Leider benutzen noch heute viele Firmen IE6 mit deaktiviertem ActiveX :sad:

 

[BeTZe]

Ich meinte natürlich die Zeilen, nicht die Spalten. Das mit AktiveX wäre kein Problem. Weil nur ein User auf diese Seite schaut. Allerdings nutzt der Firefox. Funktionieren da Seiten mit ActiveX?

Ich habe schonmal in Google geschaut. Leider weiß ich nicht so genau, wonach ich da suchen soll...

 

[dkdenz]

Also das mit dem "nach unten verschieben" könnte man auch mit CSS realisieren.
Die Tabelle in ein div mit fester Höhe packen und mit overflow:visible versehen und wenn dann Daten nachgeladen werden, "erhöht" sich die Höhe des divs...
...sofern ich die Frage richtig gedeutet habe.