0
Kayıt Ol

açılan div yapma

1

●

1.238

  • 13-07-2009, 17:38:40
    #1
    plaketkupa
    plaketkupa
    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">&nbsp;:
      </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">&nbsp;:
      </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">&nbsp;:
      </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">&nbsp;:
      </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">&nbsp;:
      </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">&nbsp;:
      </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">&nbsp;:
      </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">&nbsp;:
      </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">&nbsp;: </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">&nbsp;: </td>
      <td width="347" style="border-style: none; border-width: medium" height="17">
      <input onkeypress="if (event.keyCode &lt; 45 || event.keyCode &gt; 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">&nbsp;: </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">&nbsp;: </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">&nbsp;: </td>
      <td width="347" style="border-style: none; border-width: medium" height="17">
      <input onkeypress="if (event.keyCode &lt; 45 || event.keyCode &gt; 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">&nbsp;</p>