Arkadaşlar;
Bir sipariş formu yapmaya çalışıyorum takıldığım nokta ise radio butonlara tıklanıldığında butonların altında bir tablonun açılmasını bir türlü sağlayamadım.
HTML kodumu "Açıklayıcı bir şekilde"aşağıya kopyaladım yardımcı olabilirseniz sevinirim.
<div align="center">
<center>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" id="AutoNumber1" width="532" height="417">
<tr>
<td width="532" style="border-style: none; border-width: medium" colspan="3" height="53">
<h1 align="center">Sipariş Formu</h1>
</td>
</tr>
<tr>
<td width="175" style="border-style: none; border-width: medium" height="19">
<span class="style6">Ürün Adresi </span></td>
<td width="10" style="border-style: none; border-width: medium" height="19"> :
</td>
<td width="347" style="border-style: none; border-width: medium" height="19">
<input type="text" name="sayfa" size="30" style="color: #FF00FF; background-color: #CCFFCC"></td>
</tr>
<tr>
<td width="175" style="border-style: none; border-width: medium" height="19">Adınız
Soyadınız</td>
<td width="10" style="border-style: none; border-width: medium" height="19"> :
</td>
<td width="347" style="border-style: none; border-width: medium" height="19">
<input type="text" name="adsoyad" size="30"></td>
</tr>
<tr>
<td width="175" style="border-style: none; border-width: medium" height="19">
Telefonunuz</td>
<td width="10" style="border-style: none; border-width: medium" height="19"> :
</td>
<td width="347" style="border-style: none; border-width: medium" height="19">
<input type="text" name="telefon" size="30"></td>
</tr>
<tr>
<td width="175" style="border-style: none; border-width: medium" height="19">Mail
Adresiniz</td>
<td width="10" style="border-style: none; border-width: medium" height="19"> :
</td>
<td width="347" style="border-style: none; border-width: medium" height="19">
<input type="text" name="email" size="30"></td>
</tr>
<tr>
<td width="175" style="border-style: none; border-width: medium" height="98">Adres
bilginiz</td>
<td width="10" style="border-style: none; border-width: medium" height="98"> :
</td>
<td width="347" style="border-style: none; border-width: medium" height="98">
<textarea rows="6" name="adres" cols="30"></textarea></td>
</tr>
<tr>
<td width="175" style="border-style: none; border-width: medium" height="98">Özel
Açıklamanız</td>
<td width="10" style="border-style: none; border-width: medium" height="98"> :
</td>
<td width="347" style="border-style: none; border-width: medium" height="98">
<textarea rows="6" name="aciklama" cols="30"></textarea></td>
</tr>
<tr>
<td width="175" style="border-style: none; border-width: medium" height="19">
<font color="#FF00FF">Ödeme Şekli</font></td>
<td width="10" style="border-style: none; border-width: medium" height="19"> :
</td>
<td width="347" style="border-style: none; border-width: medium" height="19">
<input type="radio" value="V1" name="odeme"> <font color="#FF0000">
Havale/EFT</font> <input type="radio" value="V2" name="odeme">
<font color="#000080">Kredi Kartı</font>
<input type="radio" value="V3" name="odeme"> <font color="#00FF00">Kapıda
Ödeme</font><p>NOT : Radio butonlarından birisi seçilirse aşağıdaki
renkler ile belirlediğim tabloların açılması gerekiyor.</td>
</tr>
<tr>
<td width="175" style="border-style: none; border-width: medium" height="15">
</td>
<td width="10" style="border-style: none; border-width: medium" height="15">
</td>
<td width="347" style="border-style: none; border-width: medium" height="15">
</td>
</tr>
<tr>
<td width="175" style="border-style: none; border-width: medium" height="19">
<span class="style6">Güvenlik Numarası </span></td>
<td width="10" style="border-style: none; border-width: medium" height="19"> :
</td>
<td width="347" style="border-style: none; border-width: medium" height="19">
<input type="text" name="kod" size="20"> CAPTCHA KODUM var burada</td>
</tr>
<tr>
<td width="175" style="border-style: none; border-width: medium" height="17"></td>
<td width="10" style="border-style: none; border-width: medium" height="17"></td>
<td width="347" style="border-style: none; border-width: medium" height="17"></td>
</tr>
<tr>
<td width="532" style="border-style: none; border-width: medium" height="17" colspan="3">
Aşağıdaki formlar ise <font color="#FF00FF">Ödeme Şekli</font> olan
yerdeki seçeneklerde açılan bir DİV de çıkacak</td>
</tr>
<tr>
<td width="532" style="border-style: none; border-width: medium" height="17" colspan="3">
<p align="center"><font color="#FF0000">Havale/EFT</font></td>
</tr>
<tr>
<td width="175" style="border-style: none; border-width: medium" height="17">
İşbankası</td>
<td width="10" style="border-style: none; border-width: medium" height="17">
<input type="radio" value="V1" name="banka"></td>
<td width="347" style="border-style: none; border-width: medium" height="17">
Şube Kodu : 0001 Hesap no : 123456</td>
</tr>
<tr>
<td width="175" style="border-style: none; border-width: medium" height="17">
Akbank</td>
<td width="10" style="border-style: none; border-width: medium" height="17">
<input type="radio" value="V2" name="banka"></td>
<td width="347" style="border-style: none; border-width: medium" height="17">
Şube Kodu : 0001 Hesap no : 123456</td>
</tr>
<tr>
<td width="175" style="border-style: none; border-width: medium" height="17">
PTT posta çek hesabı</td>
<td width="10" style="border-style: none; border-width: medium" height="17">
<input type="radio" value="V3" name="banka"></td>
<td width="347" style="border-style: none; border-width: medium" height="17">
Şube Kodu : 0001 Hesap no : 123456</td>
</tr>
<tr>
<td width="175" style="border-style: none; border-width: medium" height="17">
Yapıkredi Bankası</td>
<td width="10" style="border-style: none; border-width: medium" height="17">
<input type="radio" value="V4" name="banka"></td>
<td width="347" style="border-style: none; border-width: medium" height="17">
Şube Kodu : 0001 Hesap no : 123456</td>
</tr>
<tr>
<td width="532" style="border-style: none; border-width: medium" height="17" colspan="3">
<p align="center"><font color="#000080">Kredi Kartı</font></td>
</tr>
<tr>
<td width="175" style="border-style: none; border-width: medium" height="17">
Kart tipi </td>
<td width="10" style="border-style: none; border-width: medium" height="17"> : </td>
<td width="347" style="border-style: none; border-width: medium" height="17">
<select size="1" name="kart_tipi">
<option value="American Express" selected>American Express</option>
<option value="Master Card">Master Card</option>
<option value="Visa">Visa</option>
</select></td>
</tr>
<tr>
<td width="175" style="border-style: none; border-width: medium" height="17">
Kredi Kartı No</td>
<td width="10" style="border-style: none; border-width: medium" height="17"> : </td>
<td width="347" style="border-style: none; border-width: medium" height="17">
<input onkeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" maxLength="16" name="kart_no" size="20"></td>
</tr>
<tr>
<td width="175" style="border-style: none; border-width: medium" height="17">
Kart Sahibi </td>
<td width="10" style="border-style: none; border-width: medium" height="17"> : </td>
<td width="347" style="border-style: none; border-width: medium" height="17">
<input name="kart_Sahibi" size="20"></td>
</tr>
<tr>
<td width="175" style="border-style: none; border-width: medium" height="17">
Son Kullanma Tarihi</td>
<td width="10" style="border-style: none; border-width: medium" height="17"> : </td>
<td width="347" style="border-style: none; border-width: medium" height="17">
<select size="1" name="tarih">
<option value="0" selected>Ay</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select> / <select size="1" name="D3">
<option value="0" selected>Yil</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
<option value="2016">2016</option>
<option value="2017">2017</option>
<option value="2018">2018</option>
<option value="2019">2019</option>
</select></td>
</tr>
<tr>
<td width="175" style="border-style: none; border-width: medium" height="17">
CV Kodu</td>
<td width="10" style="border-style: none; border-width: medium" height="17"> : </td>
<td width="347" style="border-style: none; border-width: medium" height="17">
<input onkeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" maxLength="3" size="8" name="T3"></td>
</tr>
<tr>
<td width="175" style="border-style: none; border-width: medium" height="17"></td>
<td width="10" style="border-style: none; border-width: medium" height="17"></td>
<td width="347" style="border-style: none; border-width: medium" height="17">
Kartınızın arka kısmında kart numarası sonunda yazılı 3 haneli rakamdır.</td>
</tr>
<tr>
<td width="175" style="border-style: none; border-width: medium" height="17"></td>
<td width="10" style="border-style: none; border-width: medium" height="17"></td>
<td width="347" style="border-style: none; border-width: medium" height="17">
CV örnek resmi</td>
</tr>
<tr>
<td width="532" style="border-style: none; border-width: medium" height="17" colspan="3">
<p align="center"><font color="#00FF00">Kapıda Ödeme</font></td>
</tr>
<tr>
<td width="532" style="border-style: none; border-width: medium" height="17" colspan="3">
Kapıda ödeme sistemi için açıklama yazacağım burayada.</td>
</tr>
<tr>
<td width="175" style="border-style: none; border-width: medium" height="17"></td>
<td width="10" style="border-style: none; border-width: medium" height="17"></td>
<td width="347" style="border-style: none; border-width: medium" height="17"></td>
</tr>
</table>
</center>
</div>
<p align="center"> </p>