BlackBoard | Druckvorschau: minimieren und maximieren für Homepage

Geschrieben von assasine am 26.02.2007 um 18:46:

minimieren und maximieren für Homepage

hallo,

ich möchte ein Formular das sehr lang ist übersichtlicher gestalten.
Ich möchte das ein Teil des Formulars, welcher Optional ist, minimiert ist.

ich stelle mir das so vor wie in dem burning Boards wo man einzelne Themen minimieren kann:

+++ Bild konnte nicht geladen werden +++

+++ Bild konnte nicht geladen werden +++

Wonach muss ich da suchen bzw. kennt jemand ne adresse wo ich mich darüber kurz und schnell informieren kann?

bye assa

Geschrieben von LX am 27.02.2007 um 02:07:

Das kommt darauf an, wie wichtig dir die Usability ist. Die einfachste Variante wäre, wenn du bestimmte Teile des Formulars mittels JavaScript ausblenden lässt, die dann per Klick wieder aktiviert werden können. Dafür wird das komplette Formular einmal geladen, reagiert dann aber sofort auf die Ausklappaktionen, bisherige Eingaben bleiben erhalten. Wer kein JavaScript aktiviert hat, sieht eben das komplette Formular, aber das ist zu verschmerzen.

Diese Variante wäre etwa so zu erreichen (ungetestet):

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:

<!-- Formularfelder -->

<script type="text/javascript">
// eine Checkbox rendern, mit der man einen Teil ausklappen kann
document.write('<input type="checkbox" onclick="document.getElementById(\'hide1\').style.display = (this.checked) ? \'block\' : \'none\'"/>');
</script>

<div id="hide1">

  <!-- optionale Formularfelder -->

</div>

<script type="text/javascript">
// den eben erzeugten Bereich einklappen
document.getElementById('hide1').style.display = 'none';
</script>

<!-- weitere Formularfelder -->

Die Funktion über Links, wie sie beim WBB zum Beispiel passiert, eignet sich für Formulare nicht so sehr, da bisherige Eingaben beim Klicken eines Links ja verloren gehen, wenn die Seite neu geladen wird. Hier würde sich bestenfalls eine AJAX-Lösung anbieten, aber das ist mehr Aufwand als das beschriebene und bringt nicht mehr Nutzen, da Leute ohne JavaScript dann ganz aufgeschmissen sind.