BlackBoard (http://www.black-board.net/index.php)
- Design, Programmierung & Entwicklung (http://www.black-board.net/board.php?boardid=55)
-- Webdesign (http://www.black-board.net/board.php?boardid=19)
--- (X)HTML Problem mit Dynamischem Formular (http://www.black-board.net/thread.php?threadid=22405)


Geschrieben von AC!D am 09.08.2006 um 11:38:

  Problem mit Dynamischem Formular

hihi

ich habe mir ein Formular geschrieben:

php:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
<html>
    <head>
        <title>Filer Team WebForm</title>

            <script type="text/javascript">
                
                function show_vol_ers () {
                  if (document.getElementById)
                            document.getElementById("vol_ers").style.visibility "visible";
                            document.getElementById("vol_erw").style.visibility "hidden";
                }
            
                function show_vol_erw () {
                  if (document.getElementById)
                        document.getElementById("vol_erw").style.visibility "visible";      
                            document.getElementById("vol_ers").style.visibility "hidden";
                }
            
            </script>
    </head>

    <body>
        <form action="mailopen.php" method="POST">
                <table border="0" width="550" cellspacing="1" cellpadding="4">
                    <input type="hidden" name="Pflichtfelder" value="Absender Email Betreff Filer vol_art groesse Freigabe">
                    <input type="hidden" name="Danke" value="danke.htm">
                    <input type="hidden" name="To" value="Philipp.zeitschel@siemens.com">
                    <input type="hidden" name="ToName" value="Philipp Zeitschel">
                    <input type="hidden" name="Kopie" value="j">
                    <input type="hidden" name="Inhalt" value="j">
                    <tr>
                        <td><span style="font-size:11px;"><font face="Tahoma"> <b>Filer Name</b>*</font></span><br>
                            <input type="text" name="Filer" size="50" maxlength="50">
                        </td>
                    </tr>
                    <div id="but_vol_ers">
                      <input value="Vol erstellen" onclick="javascript:show_vol_ers();" type="button"></input>
                    </div> 
                    <div id="but_vol_erw">
                      <input value="Vol erweitern" onclick="javascript:show_vol_erw();" type="button"></input>
                    </div>
                    <div id=vol_ers style="visibility:hidden">
                        <tr>
                            <td><span style="font-size:11px;"> <font face="Tahoma"> <b>Ihr Name</b>*</font></span><br>
                                <input type="text" name="Absender" size="50" maxlength="40">
                            </td>
                        </tr>
                        
                        <tr>
                            <td><span style="font-size:11px;"><font face="Tahoma"> <b>Ihre E-Mailadresse</b>*</font></span><br>
                                <input type="text" name="Email" size="50" maxlength="40">
                            </td>
                        </tr>
                    </div>
                    <div id=vol_erw style="visibility:hidden">
                        <tr>
                            <td><span style="font-size:11px;"> <font face="Tahoma"> <b>Ihr Name</b>*</font></span><br>
                                <input type="text" name="Absender" size="50" maxlength="40">
                            </td>
                        </tr>
                        
                        <tr>
                            <td><span style="font-size:11px;"><font face="Tahoma"> <b>Ihre E-Mailadresse</b>*</font></span><br>
                                <input type="text" name="Email" size="50" maxlength="40">
                            </td>
                        </tr>
                        
                        <tr>
                            <td><span style="font-size:11px;"><font face="Tahoma"> <b>Welches Vol?</b>*</font></span><br>
                                <input type="text" name="vol_name" size="10"  maxlength="50">
                            </td>
                        </tr>
                        
                        <tr>
                        <td><span style="font-size:11px;"><font face="Tahoma"> <b>In welchem Aggregat?</b></font></span><br>
                            <input type="text" name="Aggr" size="10"  maxlength="50">
                        </td>
                        </tr>
                        
                        <tr>
                            <td><span style="font-size:11px;"><font face="Tahoma"> <b>Wieviel G/T?</b>*</font></span><br>
                                <input type="text" name="groesse" size="10"  maxlength="50">
                            </td>
                        </tr>
                    </div>
                    <tr>
                        <td><span style="font-size:11px;"><font face="Tahoma"> <b>Betreff</b>*</font></span><br>
                            <input type="text" name="Betreff" size="50"  maxlength="50">
                        </td>
                    </tr>
                    <tr>
                        <td><span style="font-size:11px;"><font face="Tahoma"> <b>Volumeart</b>*</font></span><br>
                            <input type="radio" name="vol_art" value="Flex"> Flexible Volume<br>
                            <input type="radio" name="vol_art" value="Trad"> Traditional Volume<br>
                        </td>
                    </tr>
                    <tr>
                        <td><span style="font-size:11px;"><font face="Tahoma"> <b>Welche Art von Freigabe?</b>*</font></span><br>
                               <select name="freigabe" size="2" multiple>
                             <option>NFS</option>
                                  <option>CIFS</option>
                                  </select>
                        </td>
                    </tr>
                    <tr>
                        <td><span style="font-size:11px;"><font face="Tahoma"> <b>Falls NFS gewählt wurde, welche Clienten sollen Zugriff erhalten? <br> Bitte im Format Hostname/ip</b></font></span><br>
                            <textarea name="zugriff_nfs" rows="6" cols="70"></textarea>
                        </td>
                  </tr>
                    <tr>
                        <td><span style="font-size:11px;"><font face="Tahoma"> <b>Sollen Qtrees angelegt werden? Welche?</b></font></span><br>
                            <textarea name="qtrees" rows="6" cols="70"></textarea>
                        </td>
                    </tr>
                    <tr>
                        <td><span style="font-size:11px;"><font face="Tahoma"> <b>Kommentar</b></font></span><br>
                            <textarea name="Kommentar" rows="6" cols="70"></textarea>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="submit" value="Abschicken" class="button" name="Abschicken">
                            &nbsp;
                            <input type="reset" value="Zurücksetzen" class="button">
                        </td>
                    </tr>
                </table>
            </form>
    </body>
</html>


aber irgendwie zeigt er mir die divs immer an, obwohl sie auf hidden stehen, nehme ich den <form> tag raus, funktionierts, was mache ich falsch? hoffe ihr könnt mir helfen...



Geschrieben von LX am 09.08.2006 um 11:56:

Achtung

Entweder Tabellenlayout, oder DIVs, aber DIVs mitten zwischen die Tabellen-Tags zu pflastern, da musste dich net wundern, wenn's net klappt oder zu irgendwelchen seltsamen Effekten kommt Augenzwinkern



Geschrieben von AC!D am 09.08.2006 um 13:10:

 

*g* ok, hast recht, jetzt funktionierts auch....

gut, gibt es jetzt noch eine möglichkeite das die zwei divs an der selben stelle sind?

ich mein, wenn ich den 1. div ausblende und den 2. einblende, ist zwar der erste div nicht zu sehen der zweite ist aber unter dem erten positioniert und somit entsteht eine freie fläche...



Geschrieben von LX am 09.08.2006 um 14:46:

Achtung

Dann würde ich statt mit "visibility: hidden/visible" mit "display: none/block" arbeiten.



Geschrieben von AC!D am 09.08.2006 um 15:16:

 

jup, so funktioniert das, perfekt, ich danke dir, jetzt kann ich schön fröhliche formulieren


Forensoftware: Burning Board 2.3.6, entwickelt von WoltLab GmbH