Hallo,
habe mir mit DIVs eine Tabelle gebastelt, in welche ich bei einem Klick ein zusätzlich DIV-Block einblenden lassen will.
Konkret geht es darum, dass in der Tabelle verschiedene Werte angezeigt werden und der nachträglich einzublendende DIV-Block ein Formular enthält, mit dem man diese Werte ändern kann.
So, das ein- und ausblenden klappt an sich wunderbar, nur scheinbar ist mein Ansatz für die Umsetzung falsch. Und zwar habe ich den DIV-Block fest in die Tabelle eingebunden, ihm eine ID gegeben und ihn standardmäßig auf "hidden" gesetzt, was darin resultiert, dass meine schöne Tabelle nun von einem großen weißen Block unterbrochen ist.
Gedacht war es eigentlich, dass die Tabelle erst zum Zeitpunkt des Einblendes an dem entsprechenden Punkt "auseinandergezogen" wird, und dort dann der DIV-Block eingefügt wird.
Leider habe ich absolut keine Ahnung, wie ich das bewerkstelligen soll. Der Ansatz wäre ja wohl, dass ich erst nachträglich innerhalb des übergeordneten DIV-Blocks den einzublendenden DIV-Block einfüge, aber wie ist mir schleierhaft. Ich denke, es könnte möglich sein, indem ich diesen Block in JavaScript in einer Variable speicher (was sehr sehr häßlich werden dürfte, da der entsprechende Abschnitt knapp 30 Zeilen umfasst) und ihn dann IRGENDWIE (wie?) einfüge.
Oder gibt es aber ine Möglichkeit, dass ich, so wie bisher, den DIV-Block direkt in HTML schreibe und er dann nur bei Bedarf dort positioniert wird (ohne einen häßlichen großen Platzhalter)?
Der aktuelle "Code" sieht (auszugsweise) so aus:
Danke im Voraus.
Gruß,
Trench
habe mir mit DIVs eine Tabelle gebastelt, in welche ich bei einem Klick ein zusätzlich DIV-Block einblenden lassen will.
Konkret geht es darum, dass in der Tabelle verschiedene Werte angezeigt werden und der nachträglich einzublendende DIV-Block ein Formular enthält, mit dem man diese Werte ändern kann.
So, das ein- und ausblenden klappt an sich wunderbar, nur scheinbar ist mein Ansatz für die Umsetzung falsch. Und zwar habe ich den DIV-Block fest in die Tabelle eingebunden, ihm eine ID gegeben und ihn standardmäßig auf "hidden" gesetzt, was darin resultiert, dass meine schöne Tabelle nun von einem großen weißen Block unterbrochen ist.
Gedacht war es eigentlich, dass die Tabelle erst zum Zeitpunkt des Einblendes an dem entsprechenden Punkt "auseinandergezogen" wird, und dort dann der DIV-Block eingefügt wird.
Leider habe ich absolut keine Ahnung, wie ich das bewerkstelligen soll. Der Ansatz wäre ja wohl, dass ich erst nachträglich innerhalb des übergeordneten DIV-Blocks den einzublendenden DIV-Block einfüge, aber wie ist mir schleierhaft. Ich denke, es könnte möglich sein, indem ich diesen Block in JavaScript in einer Variable speicher (was sehr sehr häßlich werden dürfte, da der entsprechende Abschnitt knapp 30 Zeilen umfasst) und ihn dann IRGENDWIE (wie?) einfüge.
Oder gibt es aber ine Möglichkeit, dass ich, so wie bisher, den DIV-Block direkt in HTML schreibe und er dann nur bei Bedarf dort positioniert wird (ohne einen häßlichen großen Platzhalter)?
Der aktuelle "Code" sieht (auszugsweise) so aus:
HTML:
<script type="text/javascript">
function editbox_on()
{
document.getElementById("edit_row").style.visibility="visible";
}
</script>
<div class='mail_detail_table'>
<div class='mail_detail_row'>
<div class='mail_detail_left'>
User
</div>
<div class='mail_detail_right'>
{$DATA[0]}
</div>
</div>
...
<div id="edit_row" style="visibility:hidden">
...
<!-- An dieser Stelle entsteht dann der große leere Bereich, solange editbox_on() nicht aufgerufen wurde -->
...
</div>
...
<div>
<div class='mail_detail_row'>
<span onclick='editbox_on()'>Werte bearbeiten</span>
</div>
</div>
</div>Danke im Voraus.
Gruß,
Trench
