[Erledigt] Tabelle anfangs ausblenden und bei onChange einblenden

alklug · 21.01.2010, 01:59

Hallo Leute,

ich habe mal wieder ein kleines Problem, wo ich hoffe, dass mir einer helfen kann.

Ich möchte gerne beim Aufrufen einer Seite einige <td> Bereiche ausblenden und erst wenn per Select etwas gewählt wird, wird ein entsprechender <td> Bereich eingeblendet.

Mein Code:

PHP-Code:

 
<script type="text/javascript">

                function change_payment() {

                    var f = document.form;

                    var selectedIndex = f.payment.selectedIndex;

                    if(f.payment.options[selectedIndex].value == 'bankcol') {

                        document.getElementById('bankcol1').style.display='table-row';

                        document.getElementById('bankcol2').style.display='table-row';

                        document.getElementById('bankcol3').style.display='table-row';

                        document.getElementById('bankcolInfo').style.display='table-row';

                        document.getElementById('paypalInfo').style.display='none';

                    } 

                    if(f.payment.options[selectedIndex].value == 'banktrans') {

                        document.getElementById('banktransInfo').style.display='table-row';

                        document.getElementById('bankcol1').style.display='none';

                        document.getElementById('bankcol2').style.display='none';

                        document.getElementById('bankcol3').style.display='none';

                        document.getElementById('bankcolInfo').style.display='none';

                        document.getElementById('paypalInfo').style.display='none';

                    }

                    if(f.payment.options[selectedIndex].value == 'paypal') {

                        document.getElementById('paypalInfo').style.display='table-row';

                        document.getElementById('banktransInfo').style.display='none';

                        document.getElementById('bankcol1').style.display='none';

                        document.getElementById('bankcol2').style.display='none';

                        document.getElementById('bankcol3').style.display='none';

                        document.getElementById('bankcolInfo').style.display='none';

                    

                    }

                }

                </script>

                <div id="blueInfo">

                <form action="order.php?step=4&pid=<? echo $lpid ?>" method="post" name="form">

                <table>

                <tr>

                    <td style="font-size:12px">Zahlungsart: <font color="red">*</font></td>

                    <td>

                        <select name="payment" size="1" onChange="change_payment()">

                            <option value="sel" SELECTED>Bitte wählen...</option>

                            <option value="bankcol">Bankeinzug</option>

                            <option value="banktrans">&Uuml;berweisung</option>

                            <option value="paypal">Paypal</option>

                        </select>

                    </td>

                </tr>

                <tr id="bankcol1">

                    <td style="font-size:12px">Kontoinhaber: <font color="red">*</font></td>

                    <td><input type="text" name="payment_owner" maxlenght="200" class="inputbox"/></td>

                </tr>

                <tr id="bankcol2">

                    <td style="font-size:12px">Bankleitzahl: <font color="red">*</font></td>

                    <td><input type="text" name="payment_code" maxlenght="200" class="inputbox"/></td>

                </tr>

                <tr id="bankcol3">

                    <td style="font-size:12px">Kontonummer: <font color="red">*</font></td>

                    <td><input type="text" name="payment_number" maxlenght="200" class="inputbox"/></td>

                </tr>

                <tr id="bankcolInfo">

                    <td style="font-size:12px; font-weight:bold;"><font color="red">Nur von Bankkonten innerhalb Deutschlands möglich!</font></td>

                </tr>

                <tr id="banktransInfo">

                    <td style="font-size:12px; font-weight:bold; color:#F1F1F1;">Alle erforderlichen Daten erhalten Sie mit Ihrer Rechnung.</td>

                </tr>

                <tr id="paypalInfo">

                    <td style="font-size:12px; font-weight:bold;">Bei Bezahlungen per PayPal berechnen wir eine zusätzliche Gebühr von <font color="red">1,50 &euro;</font>pro Rechnung!</td>

                </tr>

                </div>

                </table><br/></div><br />

                <input type="button" value="Zurück" onClick="history.go(-1);return true;">

                <input type="submit" name="save" value="Weiter" class="button"/>

                </form>

Vielen Dank schon mal!

nikosch · 21.01.2010, 02:06

Zitat:

Ich möchte…Vielen Dank.

Und?

alklug · 21.01.2010, 02:13

Was und?

PHP-Code:

   <tr id="bankcol1"> 

                    <td style="font-size:12px">Kontoinhaber: <font color="red">*</font></td> 

                    <td><input type="text" name="payment_owner" maxlenght="200" class="inputbox"/></td> 

                </tr> 

                <tr id="bankcol2"> 

                    <td style="font-size:12px">Bankleitzahl: <font color="red">*</font></td> 

                    <td><input type="text" name="payment_code" maxlenght="200" class="inputbox"/></td> 

                </tr> 

                <tr id="bankcol3"> 

                    <td style="font-size:12px">Kontonummer: <font color="red">*</font></td> 

                    <td><input type="text" name="payment_number" maxlenght="200" class="inputbox"/></td> 

                </tr> 

                <tr id="bankcolInfo"> 

                    <td style="font-size:12px; font-weight:bold;"><font color="red">Nur von Bankkonten innerhalb Deutschlands möglich!</font></td> 

                </tr> 

                <tr id="banktransInfo"> 

                    <td style="font-size:12px; font-weight:bold; color:#F1F1F1;">Alle erforderlichen Daten erhalten Sie mit Ihrer Rechnung.</td> 

                </tr> 

                <tr id="paypalInfo"> 

                    <td style="font-size:12px; font-weight:bold;">Bei Bezahlungen per PayPal berechnen wir eine zusätzliche Gebühr von <font color="red">1,50 &euro;</font>pro Rechnung!</td> 

                </tr>

Dieser Teil soll ausgeblendet werden von anfang an und wenn der entsprechende Change bei den Selects erfolgt soll der jeweilige Teil eingeblendet werden.

Flor1an · 21.01.2010, 09:36

Inhalt ein- und ausblenden - PHP.de Wiki

Suchen, finden, lösen!

Womit ich dir schon 2 Aufgaben abgenommen habe.

alklug · 21.01.2010, 10:27

Danke!

nikosch · 21.01.2010, 15:54

Zitat:

Was und?

In einem Forum wird eine vernünftige Frage erwartet. Was z.B. Aussagen über Dein bestehendes Problem beinhaltet.
Ansonsten hättest Du auch "Ich will Millionär sein. Danke." schreiben können.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Referenzen von eine Tabelle in die andere Kopieren	wali	PHP Tipps 2009	3	13.01.2010 21:53
MY-SQL Abfrage nach Daten aus Tabelle 1 die in Tabelle 2 nicht vorhanden sind	triple81	Datenbanken	1	25.12.2009 22:46
Bestehende php /Myqsl Tabelle Neben einander aus geben	Totti-Totti	PHP Tipps 2009	3	21.12.2009 11:00
[Erledigt] Zeile einer Tabelle ausblenden?	BartTheDevil89	JavaScript, Ajax und mehr	2	21.12.2009 09:55
Bilder in Tabelle einfügen Mysql oder direkt?!	DKuhn	PHP Tipps 2009	3	30.09.2009 10:14
[Erledigt] User die in anderer Tabelle stehen ausblenden	Creeping	PHP Tipps 2009	4	13.09.2009 22:41
tabelle 2 in tabelle 1 updaten	steffen_dk	Datenbanken	11	04.07.2009 15:04
Login Seite anzeigen bzw. Inhalt ausblenden und Tabelle des Users zeigen	Phamo	PHP Tipps 2009	14	06.02.2009 15:06
Zeilenanzahl einer tabelle mit WHERE aber ohne schleife?	sovereign	Datenbanken	13	17.04.2006 20:34
Problem mit Anzeige einer Tabelle mit dem Firefox?		HTML, Usability und Barrierefreiheit	8	28.11.2005 15:08
[Erledigt] Problem mit mySQL		Datenbanken	7	27.09.2005 12:06
[Erledigt] mysql abfrage über 4 Tabelle - bis 3 geht, bei der 4. habert		Datenbanken	2	08.09.2005 11:59
onmousein flash einblenden, bei onmouseout ausblenden		HTML, Usability und Barrierefreiheit	11	08.06.2005 11:00
tabelle mit onmouseover einblenden lassen		HTML, Usability und Barrierefreiheit	9	30.06.2004 13:08
HILFE: Column count doesn't match value count at row 1		Datenbanken	17	12.06.2004 16:45

21.01.2010, 01:59
alklug Neuer Benutzer Registriert seit: 30.12.2009 Beiträge: 8 PHP-Kenntnisse: Fortgeschritten	[Erledigt] Tabelle anfangs ausblenden und bei onChange einblenden Hallo Leute, ich habe mal wieder ein kleines Problem, wo ich hoffe, dass mir einer helfen kann. Ich möchte gerne beim Aufrufen einer Seite einige <td> Bereiche ausblenden und erst wenn per Select etwas gewählt wird, wird ein entsprechender <td> Bereich eingeblendet. Mein Code: PHP-Code: <script type="text/javascript"> function change_payment() { var f = document.form; var selectedIndex = f.payment.selectedIndex; if(f.payment.options[selectedIndex].value == 'bankcol') { document.getElementById('bankcol1').style.display='table-row'; document.getElementById('bankcol2').style.display='table-row'; document.getElementById('bankcol3').style.display='table-row'; document.getElementById('bankcolInfo').style.display='table-row'; document.getElementById('paypalInfo').style.display='none'; } if(f.payment.options[selectedIndex].value == 'banktrans') { document.getElementById('banktransInfo').style.display='table-row'; document.getElementById('bankcol1').style.display='none'; document.getElementById('bankcol2').style.display='none'; document.getElementById('bankcol3').style.display='none'; document.getElementById('bankcolInfo').style.display='none'; document.getElementById('paypalInfo').style.display='none'; } if(f.payment.options[selectedIndex].value == 'paypal') { document.getElementById('paypalInfo').style.display='table-row'; document.getElementById('banktransInfo').style.display='none'; document.getElementById('bankcol1').style.display='none'; document.getElementById('bankcol2').style.display='none'; document.getElementById('bankcol3').style.display='none'; document.getElementById('bankcolInfo').style.display='none'; } } </script> <div id="blueInfo"> <form action="order.php?step=4&pid=<? echo $lpid ?>" method="post" name="form"> <table> <tr> <td style="font-size:12px">Zahlungsart: <font color="red"></font></td> <td> <select name="payment" size="1" onChange="change_payment()"> <option value="sel" SELECTED>Bitte wählen...</option> <option value="bankcol">Bankeinzug</option> <option value="banktrans">Überweisung</option> <option value="paypal">Paypal</option> </select> </td> </tr> <tr id="bankcol1"> <td style="font-size:12px">Kontoinhaber: <font color="red"></font></td> <td><input type="text" name="payment_owner" maxlenght="200" class="inputbox"/></td> </tr> <tr id="bankcol2"> <td style="font-size:12px">Bankleitzahl: <font color="red"></font></td> <td><input type="text" name="payment_code" maxlenght="200" class="inputbox"/></td> </tr> <tr id="bankcol3"> <td style="font-size:12px">Kontonummer: <font color="red"></font></td> <td><input type="text" name="payment_number" maxlenght="200" class="inputbox"/></td> </tr> <tr id="bankcolInfo"> <td style="font-size:12px; font-weight:bold;"><font color="red">Nur von Bankkonten innerhalb Deutschlands möglich!</font></td> </tr> <tr id="banktransInfo"> <td style="font-size:12px; font-weight:bold; color:#F1F1F1;">Alle erforderlichen Daten erhalten Sie mit Ihrer Rechnung.</td> </tr> <tr id="paypalInfo"> <td style="font-size:12px; font-weight:bold;">Bei Bezahlungen per PayPal berechnen wir eine zusätzliche Gebühr von <font color="red">1,50 €</font>pro Rechnung!</td> </tr> </div> </table><br/></div><br /> <input type="button" value="Zurück" onClick="history.go(-1);return true;"> <input type="submit" name="save" value="Weiter" class="button"/> </form> Vielen Dank schon mal!


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

21.01.2010, 02:13
alklug Neuer Benutzer Registriert seit: 30.12.2009 Beiträge: 8 PHP-Kenntnisse: Fortgeschritten	Was und? PHP-Code: <tr id="bankcol1"> <td style="font-size:12px">Kontoinhaber: <font color="red"></font></td> <td><input type="text" name="payment_owner" maxlenght="200" class="inputbox"/></td> </tr> <tr id="bankcol2"> <td style="font-size:12px">Bankleitzahl: <font color="red"></font></td> <td><input type="text" name="payment_code" maxlenght="200" class="inputbox"/></td> </tr> <tr id="bankcol3"> <td style="font-size:12px">Kontonummer: <font color="red">*</font></td> <td><input type="text" name="payment_number" maxlenght="200" class="inputbox"/></td> </tr> <tr id="bankcolInfo"> <td style="font-size:12px; font-weight:bold;"><font color="red">Nur von Bankkonten innerhalb Deutschlands möglich!</font></td> </tr> <tr id="banktransInfo"> <td style="font-size:12px; font-weight:bold; color:#F1F1F1;">Alle erforderlichen Daten erhalten Sie mit Ihrer Rechnung.</td> </tr> <tr id="paypalInfo"> <td style="font-size:12px; font-weight:bold;">Bei Bezahlungen per PayPal berechnen wir eine zusätzliche Gebühr von <font color="red">1,50 €</font>pro Rechnung!</td> </tr> Dieser Teil soll ausgeblendet werden von anfang an und wenn der entsprechende Change bei den Selects erfolgt soll der jeweilige Teil eingeblendet werden.

21.01.2010, 09:36
Flor1an da schreibt der ElePHPant Registriert seit: 18.06.2008 Beiträge: 8.903 PHP-Kenntnisse: Fortgeschritten	Inhalt ein- und ausblenden - PHP.de Wiki Suchen, finden, lösen! Womit ich dir schon 2 Aufgaben abgenommen habe.

21.01.2010, 10:27
alklug Neuer Benutzer Registriert seit: 30.12.2009 Beiträge: 8 PHP-Kenntnisse: Fortgeschritten	Danke!