iki input ayrı ayrı veri getirme

17-11-2012, 20:06:29

Jquery ögrenmeye yeni başladım.
<input name="url" id="url" value="<?=$ss ?>"/> ilk sıradaki input a ekledigim veri geliyor fakat inputu çogalttıgımda ikinci input veri getiremiyorum yani get ile veri gitmiyor ne yapa bilirim.

<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html" />
	<meta name="author" content="Lithack" />

	<title>Untitled 4</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
</head>
<?
$ss = $_GET['s'];

?>

<script type="text/javascript">
	$(document).ready(function(){
	   	var url = $('input[name=url]');
	//id değeri iste olan butona tıklandığına
		$('#iste').click(function(){
		//aşağıda ki ajax metodu çalışacak
			$.ajax
			({	
			//type:Göndereceğimiz metodu belirler
				type	: "GET",
			//url :veri istenilen php dosyasının adresi
				url:'ara.php',
			//data :verileri göndermek için
				data:'s=' + url.val(),
           	  
                dataType: 'json',
			//beforeSend :veri gönderilemden önce
			
			//success :İstenilen veri geldi ise
				success	:function(donen_veri)
				{    
                    $("#imdbpuan").val(donen_veri.imdbpuan);
                    $("#yapimi").val(donen_veri.yapimi); 
				},
    
			})
		})
	})
</script>
<body>
<input name="url" id="url" value="<?=$ss ?>"/>
<input type="button" value="verigetir" id="iste"/><br />
imdb<input  type="text" width="200px" name="imdbpuan" id="imdbpuan"/><br />
yapimi<input  type="text" width="200px" name="yapimi" id="yapimi"/><br />
------------------------------------------------------------------------------------------<br />
<input name="url" id="url" value="<?=$ss ?>"/>
<input type="button" value="verigetir" id="iste"/><br />
imdb<input  type="text" width="200px" name="imdbpuan" id="imdbpuan"/><br />
yapimi<input  type="text" width="200px" name="yapimi" id="yapimi"/>



</body>
</html>

17-11-2012, 21:48:31

#2

cortes

id yerine class kullan farklı veri atacaksan each ile ekle

17-11-2012, 22:09:10

#3

Lithack

cortes adlı üyeden alıntı: mesajı görüntüle

id yerine class kullan farklı veri atacaksan each ile ekle

Ben bu alana site ismi yazıyorum
<input name="url" id="url" value="<?=$ss ?>"/>

ilkine farklı bir site yazıyorum datayı ara.php getiriyor fakat

ikinci input a da yani aynı input sadece çoğalttım.
<input name="url" id="url" value="<?=$ss ?>"/>

buna yazdığımda hiç bir işlem yapmıyor. Zahmet olmazssa siz örneklermisiniz.

17-11-2012, 23:13:25

#4

nekrofil


<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html" />
	<meta name="author" content="Lithack" />

	<title>Untitled 4</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
</head>
<?php
$ss = $_GET['s'];

?>

<script type="text/javascript">
	$(document).ready(function(){
		
		
	$(".secici").each(function(index) {
        $(this).attr("id","a"+index);
		var ilkChs = "#a"+index;		
		
		
	   	var url = $('input[name=url]');
	//class değeri iste olan butona tıklandığına
		$(ilkChs+' .iste').click(function(){
		//aşağıda ki ajax metodu çalışacak
			$.ajax
			({	
			//type:Göndereceğimiz metodu belirler
				type	: "GET",
			//url :veri istenilen php dosyasının adresi
				url:'ara.php',
			//data :verileri göndermek için
				data:'s=' + url.val(),
           	  
                dataType: 'json',
			//beforeSend :veri gönderilemden önce
			
			//success :İstenilen veri geldi ise
				success	:function(donen_veri)
				{    
                    $(ilkChs+" .imdbpuan").val(donen_veri.imdbpuan);
                    $(ilkChs+" .yapimi").val(donen_veri.yapimi); 
				},
    
			})
		})
	})
	});
</script>
<body>
<div class="secici">
<input name="url" class="url" value="<?=$ss ?>"/>
<input type="button" value="verigetir" class="iste"/><br />
imdb<input  type="text" wclassth="200px" name="imdbpuan" class="imdbpuan"/><br />
yapimi<input  type="text" wclassth="200px" name="yapimi" class="yapimi"/><br />
</div>
------------------------------------------------------------------------------------------<br />
<div class="secici">
<input name="url" class="url" value="<?=$ss ?>"/>
<input type="button" value="verigetir" class="iste"/><br />
imdb<input  type="text" wclassth="200px" name="imdbpuan" class="imdbpuan"/><br />
yapimi<input  type="text" wclassth="200px" name="yapimi" class="yapimi"/>
</div>


</body>
</html>

buyur dostum bu şekilde işini görür sanırım

17-11-2012, 23:19:28

#5

Lithack

Süpersin dostum teşekkürler içime doğmuş size mesaj atmıştım

nekrofil adlı üyeden alıntı: mesajı görüntüle


<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html" />
	<meta name="author" content="Lithack" />

	<title>Untitled 4</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
</head>
<?php
$ss = $_GET['s'];

?>

<script type="text/javascript">
	$(document).ready(function(){
		
		
	$(".secici").each(function(index) {
        $(this).attr("id","a"+index);
		var ilkChs = "#a"+index;		
		
		
	   	var url = $('input[name=url]');
	//class değeri iste olan butona tıklandığına
		$(ilkChs+' .iste').click(function(){
		//aşağıda ki ajax metodu çalışacak
			$.ajax
			({	
			//type:Göndereceğimiz metodu belirler
				type	: "GET",
			//url :veri istenilen php dosyasının adresi
				url:'ara.php',
			//data :verileri göndermek için
				data:'s=' + url.val(),
           	  
                dataType: 'json',
			//beforeSend :veri gönderilemden önce
			
			//success :İstenilen veri geldi ise
				success	:function(donen_veri)
				{    
                    $(ilkChs+" .imdbpuan").val(donen_veri.imdbpuan);
                    $(ilkChs+" .yapimi").val(donen_veri.yapimi); 
				},
    
			})
		})
	})
	});
</script>
<body>
<div class="secici">
<input name="url" class="url" value="<?=$ss ?>"/>
<input type="button" value="verigetir" class="iste"/><br />
imdb<input  type="text" wclassth="200px" name="imdbpuan" class="imdbpuan"/><br />
yapimi<input  type="text" wclassth="200px" name="yapimi" class="yapimi"/><br />
</div>
------------------------------------------------------------------------------------------<br />
<div class="secici">
<input name="url" class="url" value="<?=$ss ?>"/>
<input type="button" value="verigetir" class="iste"/><br />
imdb<input  type="text" wclassth="200px" name="imdbpuan" class="imdbpuan"/><br />
yapimi<input  type="text" wclassth="200px" name="yapimi" class="yapimi"/>
</div>


</body>
</html>

buyur dostum bu şekilde işini görür sanırım

17-11-2012, 23:21:27

#6

nekrofil

Bu tarz sayfada birden fazla aynı yapılcak işlemlerde each fonksiyonu işini görür ayrıyetten ID gibi secicileri sayfada tek kullanabilirsin aklında bulunsun

17-11-2012, 23:26:45

#7

Lithack

nekrofil adlı üyeden alıntı: mesajı görüntüle

Bu tarz sayfada birden fazla aynı yapılcak işlemlerde each fonksiyonu işini görür ayrıyetten ID gibi secicileri sayfada tek kullanabilirsin aklında bulunsun

Üstat peki bu fonksiyonları öğrene bileceğim bir site varmı Türkçe önere bileceğiniz bir yer yada bir kitap yeni başladım baya bir zorlanıyorum

17-11-2012, 23:37:38

#8

nekrofil

türkçe kaynak pek araştırmadım doğrusu

önereceğim yer w3school olur. örnek vs oldukça çok ordan faydalanabilirsin function'lar kullanımları vs egitici nitelik taşıyo dil desteği translatele sağlanıyo işini görür

18-11-2012, 00:33:57

#9

Lithack

nekrofil adlı üyeden alıntı: mesajı görüntüle

türkçe kaynak pek araştırmadım doğrusu

önereceğim yer w3school olur. örnek vs oldukça çok ordan faydalanabilirsin function'lar kullanımları vs egitici nitelik taşıyo dil desteği translatele sağlanıyo işini görür

Bir sıkıntı oluştu üstat şöyleki Yeni deneme şansım oldu.
örneğin ilk input alana göre her zaman sorguluyor ikinci input a göre sorgulamıyor. Eğerki birinci input boş ikincisi dolu ise şunu gönderiyor

"http://localhost/jquery/ara.php?s=".

Yani ikinci input url almıyor s= bos gönderiyor.