JSP und HTML Buttons

Ich habe ein JSP Dokument und möchte eine Webseite mit verschiedenen Html Kontrollelementen  (Auswahllisten, Radiobuttons etc.) Die Komponenten sollten aber erst dann erscheinen, nach dem man auf entsprechenden Knopf klickt. Wenn man zB auf Listeknopf klickt, sollte eine Auswahllisten erscheinen etc.
Wie könnte man sowas realisieren? Reine Java und Html code...und das alles in einem JSP Dokument

Dankeschön
es funktioniert, ich hab's so gemacht

function Button1_onclick() {
if (document.getElementById)
    document.getElementById("List").style.visibility = "visible";
...

da ich aber keine Ahnung von CSS habe, weis ich nicht wie man mehrere Komponeneten gleichzeitig visible machen kann. Zum Beispiel: ein Listbox, Überschrift und ein Ok Button sollte gleichzeitig visible sein. Alles einzeln auf visible setzen ist sicherlich keine gute Idee.

super, es funktioniert. Die Div Komponenten werden alle angezeigt...

aber wie könnte ich ,  div komponenten Vertikal in der Mitte der Webseite erschienen lassen.  horizontal habe ich es mit align = "center" gemacht aber Vertikal klappt es nicht. ich habe nicht viel Ahnung von HTML- Layouts und CSS etc.
links und rechts sind noch andere Div Komponenten und ich möchte, dass jede div Komponente vertikal in der Mitte erscheint.

Es funktioniert leider nicht wirklich, ich kann zwei unterschiedliche div komponenten nicht genau an gleicher Stellen erscheinen lassen, sie werden untereinander dargestellt
ich habe links unterschiedliche Buttons und wenn ich auf Text klicke soll in der Mitte (zentriert) ein Textarea erscheinen, wenn ich auf List klicke soll Textarea weg und genau an gleicher Position soll eine Auswahlliste erscheinen etc. wie könnte ich sowas realisieren.

aber style="VISIBILITY:hidden, deshalb kann ich mit z-index nichts anfangen oder?


<table ID="Table1">
   <tr>
      <td align="center" valign="top">
         <div id="Gruppe" style="VISIBILITY:hidden" align="center">
            <p><input id="Text1" type="text" maxLength="80" size="40" name="Abbrechen"></p>
            <p><input id="ok" type="button" value="ok" name="ok"></p>
         </div>
         <div id="Gruppe2" style="VISIBILITY:hidden" align="center">
            <p><input id="Text2" type="text2" maxLength="80" size="40" name="List"></p>
            <p><input id="Abbrechen" type="button" value="abbrechen" name="Abbrechen"></p>
         </div>
      </td>
   </tr>
</table>
ich habe mit Table gemacht, das muss ich noch ändern
ich möchte diese beiden Div-Container an der gleichen Position haben, per Button klick sollen Sie nacheinander angezeigt werden. Wenn die eine erschient, soll der andere weg, Java-Script Funktion habe ich schon und es funktioniert, nur mit der Positionierung habe ich probleme. Die müssen auch nicht unbediengt zentriert erscheinen.

Sorry, ich wusste nicht dass man durch Semikolon getrennt mehrere style Attribute definieren kann. Der Code war nur ein Beispiel. Ich möchte eigentlich andere Komponenten nicht nur textfield und Button. Aber jetzt funktioniert es endlich. Danke euch!

Hi |

Ist jetzt die Frage, ob es nicht das einfachste wäre, dieses einen Div, der jetzt noch erscheint, auch noch auf invisible zu setzen.

Hab ja das Resultat noch nicht gesehen, aber die Steuerung der Inhalte auf diese Art und Weise per JavaScript ist ja sowieso nicht so ganz alltäglich, weswegen sich die Frage nach der Eleganz erst in zweiter Instanz stellt
Allerdings dauert ein kompletter Refresh auch immer etwas länger, was vielleicht auch dem Verhalten deiner Seite etwas widerspricht, da die meiste Interaktion wohl doch irgendwie clientseitig gesteuert wird (und das geht bekanntlich schnell).

Die Abfrage (OK/Cancel) bekommst du übrigens mit confirm() hin.

greez
JoSsiF

Der Code ist absolut falsch, ich kann keine Javascript funktion benutzten, ich muss es mit Java Code machen. Wie könnte ich überprüfen, ob ein Button geklickt wurde.
if(null !=  request.getParamter("Button"))

das funktioniert aber nur bei style = submit
kann ich das auch bei normalen klick Button anwenden dann brauche ich keine Javascript funktionen....