Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

Jquery ile .append('<form ekleyemiyorum.

Merhaba arkadaşlar jquery kullanarak aşağıdaki gibi bir form yaptım. Yapmak istediğim verileri oyuncu ol a tıklandığı zaman ayrı forma, oyuncu bul a tıklandığı zaman ayrı forma post ettirmek.Jquery append ile denedim ama sonuç alamadım.Başka bir yöntemi varmıdır acaba?Yada ben mi yanlış yaptım. Kodlar:

<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf8" />
        <style type="text/css">
            
            
            #uyeformGenel
            {
				font: bold 11px Arial, Helvetica, sans-serif;
            	position:absolute;
            	left:980px;
            	float:right;
            }
			
			#uyeformGenel label
            {
            	display:block;
            	color:#ffc400;
            }
			
			#uyeformGenel fieldset
            {
            	padding:5px;
            	border:none;
            }
			
			 #uyeformGenel input[type=text]
            {
            	display:block;
            	border:solid 1px #4d3a24;
            	width:100%;
            	margin-bottom:5px;
            	height:20px;
            }
			#uyeformGenel input[type=password]
            {
            	display:block;
            	border:solid 1px #4d3a24;
            	width:100%;
            	margin-bottom:5px;
            	height:20px;
            }
            #uyeformGenel textarea
            {
            	display:block;
            	border:solid 1px #4d3a24;
            	width:100%;
            	margin-bottom:5px;
            }      
			
            #uyeform
            {
				font: bold 11px Arial, Helvetica, sans-serif;
            	height:340px;
            	width:351px;
            	display:none;
            }
            #uyeform fieldset
            {
            	padding:5px;
            	border:none;
            }      
            #uyeform label
            {
            	display:block;
            	color:#ffc400;
            }      
            #uyeform input[type=text]
            {
            	display:block;
            	border:solid 1px #4d3a24;
            	width:100%;
            	
            	height:20px;
            }
			#uyeform input[type=password]
            {
            	display:block;
            	border:solid 1px #4d3a24;
            	width:100%;
            	margin-bottom:5px;
            	height:20px;
            }
            #uyeform textarea
            {
            	display:block;
            	border:solid 1px #4d3a24;
            	width:100%;
            	margin-bottom:5px;
            }  
            #uyeform input[type=submit]
            {
            	background-image:url("kayit-dugme.png");
            	border:solid 1px #23150c;
            	color:#fff;
            	padding:5px;
				cursor:pointer;
            }   
			#uyeform2
            {
				font: bold 11px Arial, Helvetica, sans-serif;
            	height:330px;
            	width:351px;
            	display:none;
            }
            #uyeform2 fieldset
            {
            	padding:5px;
            	border:none;
            }      
            #uyeform2 label
            {
            	display:block;
            	color:#ffc400;
            }      
            #uyeform2 input[type=text]
            {
            	display:block;
            	border:solid 1px #4d3a24;
            	width:100%;
            	
            	height:20px;
            }
			#uyeform2 input[type=password]
            {
            	display:block;
            	border:solid 1px #4d3a24;
            	width:100%;
            	margin-bottom:5px;
            	height:20px;
            }
            #uyeform2 textarea
            {
            	display:block;
            	border:solid 1px #4d3a24;
            	width:100%;
            	margin-bottom:5px;
            }  
            #uyeform2 input[type=submit]
            {
            	background-image:url("kayit-dugme.png");
            	border:solid 1px #23150c;
            	color:#fff;
            	padding:5px;
				cursor:pointer;
            }
            #devamilink
            {
            	height:30px;
            	width:351px;
            	background-image:url("oyuncu-ol.png");
            	display:block;
            	cursor:pointer;
            }
			#devamilink2
            {
            	height:30px;
            	width:351px;
            	background-image:url("oyuncu-bul.png");
            	display:block;
            	cursor:pointer;
            }
            #kayityapildi
            {
            	color:#ff9933;
            	display:none;
            }
        </style>
        <script src="http://code.jquery.com/jquery-1.7.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function(){

                $("#devamilink").click(function(){
                    if ($("#uyeform").is(":hidden")){
                        $("#uyeform").slideDown("slow");
						$("#uyeform2").slideUp("slow");
						$('#formekle').append('<form action="kayit.php" method="post" enctype="multipart/form-data">');
                    }
                    else{
						$("#uyeform2").is(":hidden");
                        $("#uyeform").slideUp("slow");
                    }
                });
				
				$("#devamilink2").click(function(){
                    if ($("#uyeform2").is(":hidden")){
						$("#uyeform").slideUp("slow");
                        $("#uyeform2").slideDown("slow");
						$('#formekle').append('<form action="kayit2.php" method="post" enctype="multipart/form-data">');
                    }
                    else{
						$("#uyeform").is(":hidden");
                        $("#uyeform2").slideUp("slow");
                    }
                });
                
            });
            
            
        </script>
    </head>
    <body>
        
            
            <div id="uyeformGenel">
            <div id="formekle"></div>
          	<fieldset>
                        <label for="adsoyad">Adınız</label>
                        <input id="adsoyad" name="adsoyad" type="text" />
                        <label for="eposta">E-Posta</label>
                        <input id="eposta" name="eposta" type="text" />
                        <label for="sifre">Şifre</label>
                        <input id="sifre" name="sifre" type="password" />
                        <label for="sifre2">Şifre Tekrar</label>
                        <input id="sifre2" name="sifre2" type="password" />
                        <label for="cinsiyet">Cinsiyetiniz</label>
                        <input id="cinsiyet" name="cinsiyet" type="radio" value="1" /> Bay
                        <input id="cinsiyet" name="cinsiyet" type="radio" value="2" /> Bayan
                        <label for="dtarihi">Doğum Tarihiniz</label>
                        <input id="dtarihi" name="dtarihi" type="text" />
                        <label for="sehir">Şehriniz</label>
                        <input id="sehir" name="sehir" type="text" />
                   </fieldset>
                <div id="uyeform">
                    <fieldset>
					Oyuncu Olmak için Aşağıdaki Alanları Doldurunuz:
                        <label for="boy">Boyunuz</label>
                        <input id="boy" name="boy" type="text" />
                        <label for="kilo">Kilonuz</label>
                        <input id="kilo" name="kilo" type="text" />
                        <label for="kilo">Ne Olmak İstiyorsunuz</label>
                        Oyuncu <input id="alan" name="alan" type="radio" value="1" />
                        Manken <input id="alan" name="alan" type="radio" value="2" />
                        Komedyen <input id="alan" name="alan" type="radio" value="3" />
                        <label for="deneyim">Deneyimleriniz</label>
                        <textarea id="deneyim" name="deneyim" rows="3" cols="20"></textarea>
                        <label for="hakkinda">Hakkınızda</label>
                        <textarea id="hakkinda" name="hakkinda" rows="3" cols="20"></textarea>
                        <label for="resim">Resminiz</label>
                        <input id="resim" name="resim"  type="file" />
                        <input id="yenikayit" type="submit" name="oyuncuol" value="Oyuncu Olmak için Kayıt Ol" />
                   </fieldset>
                </div>
				<div id="uyeform2">
                    <fieldset>
                        <label for="boy">Boyunuz2</label>
                        <input id="boy" name="boy" type="text" />
                        <label for="kilo">Kilonuz2</label>
                        <input id="kilo" name="kilo" type="text" />
                        <label for="kilo">Ne Olmak İstiyorsunuz2</label>
                        Oyuncu2 <input id="alan" name="alan" type="radio" value="1" />
                        Manken2 <input id="alan" name="alan" type="radio" value="2" />
                        Komedyen2 <input id="alan" name="alan" type="radio" value="3" />
                        <label for="deneyim">Deneyimleriniz2</label>
                        <textarea id="deneyim" name="deneyim" rows="3" cols="20"></textarea>
                        <label for="hakkinda">Hakkınızda2</label>
                        <textarea id="hakkinda" name="hakkinda" rows="3" cols="20"></textarea>
                        <label for="resim">Resminiz2</label>
                        <input id="resim" name="resim"  type="file" />
                        <input id="yenikayit" type="submit" name="oyuncubul" value="Oyuncu Bulmak için Kayıt Ol" />
                   </fieldset>
                   </form>
                </div>
				<div id="devamilink"></div>
				<div id="devamilink2"></div>
            </div>
    </body>

</html>
+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Cevaplar

Hiç cevap bulunamadı. İlk cevabı siz yazın.