• 01-05-2008, 17:08:04
    #1
    <html>
    
    <head>
    <meta http-equiv="Content-Language" content="tr">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
    <title>Adınız Soyadınız</title>
    </head>
    
    <body>
    
    <div align="left">
    	<table border="0" width="567" cellspacing="0" cellpadding="5" id="table1" height="386">
    		<tr>
    			<td width="315" bgcolor="#CCCCCC"><font face="Tahoma" size="2">
    			Adınız Soyadınız</font></td>
    			<td width="232" bgcolor="#CCCCCC">
    			<input type="text" name="T5" size="36" style="font-family: Tahoma; font-size: 10pt"></td>
    		</tr>
    		<tr>
    			<td width="315" bgcolor="#E6E6E6"><font face="Tahoma" size="2">
    			Telefonunuz</font></td>
    			<td width="232" bgcolor="#E6E6E6">
    			<input type="text" name="T4" size="36" style="font-family: Tahoma; font-size: 10pt"></td>
    		</tr>
    		<tr>
    			<td width="315" bgcolor="#CCCCCC"><font face="Tahoma" size="2">
    			E-Posta Adresiniz</font></td>
    			<td width="232" bgcolor="#CCCCCC">
    			<input type="text" name="T3" size="36" style="font-family: Tahoma; font-size: 10pt"></td>
    		</tr>
    		<tr>
    			<td width="315" bgcolor="#E6E6E6"><font face="Tahoma" size="2">
    			İstediğiniz Adet</font></td>
    			<td width="232" bgcolor="#E6E6E6">
    			<select size="1" name="D1" style="font-family: Tahoma; font-size: 10pt">
    			<option>1 ADET 55 YTL</option>
    			<option>2 ADET 100 YTL</option>
    			</select></td>
    		</tr>
    		<tr>
    			<td width="315" height="32" bgcolor="#CCCCCC"><font face="Tahoma">
    			<input type="radio" value="V1" name="R1" checked><font size="2">Kapıda 
    			Ödeme (+3 YTL) </font></font></td>
    			<td width="232" height="32" bgcolor="#CCCCCC"><font face="Tahoma">
    			<input type="radio" value="V1" name="R2"><font size="2"> Kredi 
    			Kartıyla Ödeme</font></font></td>
    		</tr>
    		<tr>
    			<td width="315" bgcolor="#CCFFCC"><FONT size=2 face="Tahoma">
                                  <B><SPAN class=style47>Kredi 
                                    Kartı Numarası</SPAN></B></FONT></td>
    			<td width="232" bgcolor="#CCFFCC"><font face="Tahoma" size="2"><INPUT class=hesapiban id=name 
                                    maxLength=16 size=32 name=ccno></font></td>
    		</tr>
    		<tr>
    			<td width="315" bgcolor="#CCFFCC"><FONT size=2 face="Tahoma">
                                  <SPAN class=style47><B>CVV Kodu 
                                    </B><SPAN style="FONT-WEIGHT: 700">(Kartın arkasındaki son 3 
                                    rakam)</SPAN></SPAN></FONT></td>
    			<td width="232" bgcolor="#CCFFCC"><font face="Tahoma" size="2">
    			<INPUT class=hesapiban id=name0 
                                    maxLength=3 size=8 name=cvv></font></td>
    		</tr>
    		<tr>
    			<td width="315" bgcolor="#CCFFCC"><FONT size=2 face="Tahoma">
                                  <B><SPAN class=style47>Son 
                                    Kullanma Tarihi : </SPAN></B></FONT></td>
    			<td width="232" bgcolor="#CCFFCC"><font face="Tahoma" size="2">
    			<INPUT class=hesapiban id=name1 
                                    maxLength=2 size=5 name=cay><B>/20</B><INPUT class=hesapiban id=name2 
                                    maxLength=2 size=5 name=cyil></font></td>
    		</tr>
    		<tr>
    			<td colspan="2" bgcolor="#FFD2D2">
    			<p align="center"><FONT size=2 face="Tahoma">
                                  Kredi Kartı bilgileriniz 
                                    herhangi bir şekilde veritabanımızda 
                                    saklan<B>mamak</B>tadır. <BR>Güvenliğiniz ve 
                                    güvenliğimiz açısından bankaya iletilen 
                                    bilgileriniz 
                                    <B>şifrelenmektedir.</B><BR>Siparişi vermeniz 
                                    doğrultusunda uzak mesafeli satış sözleşmesini 
                                    iki tarafda <B>kabul </B>etmiş 
                                    sayılır.</FONT></td>
    		</tr>
    		<tr>
    			<td width="557" colspan="2" bgcolor="#CCCCCC">
    			<INPUT style="border-style:solid; border-width:1px; FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Tahoma; " type=submit value="Siparişi Gönder" name=siparis></td>
    		</tr>
    	</table>
    </div>
    
    </body>
    
    </html>
    Ykarıdaki şekilde form oluşturdum "Kredi Kartıyla Ödeme" da ödemeye tıklayuınca yeşil ve kırmızı yer açılcak açılışta görünmeyecek tıklayınca açılcak "Siparişi gönder" dediğinde ise mail adresime gelecek ama nasıl ?
  • 03-05-2008, 00:24:37
    #2
    Biraz javascripte göz atmanı öneririm sana. Jquery kütüphanesini en etkili şekilde kullanabilirsin. Ajax işlemlerinde de çok rahat etmeni sağlar.
    Örnek vermem gerekirse
    <script>
    function goster (hede)
    {
    if (hede == "1")
    $("#kapan").css("display","none");
    }
    else if (hede == "2")
    $("#kapan").css("display","table-row"); //ie table-row u tanımaz. display block kullanabilirsin. 
    }
    </script>
    
     <tr>
                <td width="315" height="32" bgcolor="#CCCCCC"><font face="Tahoma">
                <input type="radio" value="V1" name="r2" checked onclick="goster('1')"><font size="2">Kapıda 
                Ödeme (+3 YTL) </font></font></td>
                <td width="232" height="32" bgcolor="#CCCCCC"><font face="Tahoma">
                <input type="radio" value="V1" name="r2" onclick="goster('2')"><font size="2"> Kredi 
                Kartıyla Ödeme</font></font></td>
            </tr>
    
    ---
            <tr id="kapan" style="display:none">
                <td width="315" bgcolor="#CCFFCC"><FONT size=2 face="Tahoma">
                                  <B><SPAN class=style47>Kredi 
                                    Kartı Numarası</SPAN></B></FONT></td>
                <td width="232" bgcolor="#CCFFCC"><font face="Tahoma" size="2"><INPUT class=hesapiban id=name 
                                    maxLength=16 size=32 name=ccno></font></td>
            </tr>
            <tr id="kapan" style="display:none">
                <td width="315" bgcolor="#CCFFCC"><FONT size=2 face="Tahoma">
                                  <SPAN class=style47><B>CVV Kodu 
                                    </B><SPAN style="FONT-WEIGHT: 700">(Kartın arkasındaki son 3 
                                    rakam)</SPAN></SPAN></FONT></td>
                <td width="232" bgcolor="#CCFFCC"><font face="Tahoma" size="2">
                <INPUT class=hesapiban id=name0 
                                    maxLength=3 size=8 name=cvv></font></td>
            </tr>
            <tr id="kapan" style="display:none">
                <td width="315" bgcolor="#CCFFCC"><FONT size=2 face="Tahoma">
                                  <B><SPAN class=style47>Son 
                                    Kullanma Tarihi : </SPAN></B></FONT></td>
                <td width="232" bgcolor="#CCFFCC"><font face="Tahoma" size="2">
                <INPUT class=hesapiban id=name1 
                                    maxLength=2 size=5 name=cay><B>/20</B><INPUT class=hesapiban id=name2 
                                    maxLength=2 size=5 name=cyil></font></td>
            </tr>
           
            <tr id="kapan" style="display:none">
                <td colspan="2" bgcolor="#FFD2D2">
                <p align="center"><FONT size=2 face="Tahoma">
                                  Kredi Kartı bilgileriniz 
                                    herhangi bir şekilde veritabanımızda 
                                    saklan<B>mamak</B>tadır. <BR>Güvenliğiniz ve 
                                    güvenliğimiz açısından bankaya iletilen 
                                    bilgileriniz 
                                    <B>şifrelenmektedir.</B><BR>Siparişi vermeniz 
                                    doğrultusunda uzak mesafeli satış sözleşmesini 
                                    iki tarafda <B>kabul </B>etmiş 
                                    sayılır.</FONT></td>
            </tr>
    Table kullandığın için hepsine id verdim geçtim. Denemedim çalışıp çalışmadığını ama mantığını kavra diye yazdım. Div kullanımına geçsen daha rahat edersin.
    Jquery kütüphanesini eklemeyi unutma.