Eğer buton seçili ise sayfa değiş kodu

10-07-2016, 21:51:05

merhaba
Sayfamın başına 2 radio buton eklemek istiyorum .
Seçili butona göre

iki ayrı php kodu sayfanın aşığında görünsün istiyorum.

value 1 ise

/.... bu alanda php kodları olacak

value 2 ise

/....bu alanda php kodları olacak

bunu nasıl yapabilirim

gönder-kaydet butonu olmadan sadece radio seçeneğine tıklayınca değişecek

10-07-2016, 22:32:36

#2

orcuntuna

Javascript ile yapmalısınız.

17-07-2016, 10:38:47

#3

mustafaaydin

konu güncel yardımcı olabilecek olan var mı

17-07-2016, 11:26:45

#4

rasit

Merhaba,

Kucuk bir ornekle yardimci olmaya calisayim. Ornek html kodum su sekilde:

<div><input type="radio" name="sayfa" class="link-radio" href="http://google.com">Google</div>
<div><input type="radio" name="sayfa" class="link-radio" href="http://youtube.com">Youtube</div>
<div><input type="radio" name="sayfa" class="link-radio" href="http://twitter.com">Twitter</div>

Burada buton secilince acilacak olan sayfanin linkini href olarak ekledim. Sonra da jQuery ile butonlarin secilmesi durumunda ilgili sayfanin acilmasini saglayabilirim. Soyle bir kodla olabilir mesela:

$(document).ready(function(){
	$('.link-radio').change(function(){
		if($(this).is(':checked')){
			window.location = $(this).attr("href");
		}
	});
});

Tabi jQuery'nin projenize dahil oldugunu varsayiyorum. Degilse onu da eklemeniz egrekecektir. Bu sekilde olur diye dusunuyorum. Sayet hala sorun yasarsaniz belirtin.

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 11:26:45 -->-> Daha önceki mesaj 11:12:46 --

Tekrar merhaba basliga bakarak sundugum oneri biraz eksik olmus sanirim. Mesajinizi biraz detayli okuyunca ayni sayfa icinde degisiklik istemissiniz saniyorum. Bu defa da linkleri disari degil de icerideki ogelere verip gerekli olan oge disindakileri gizli tutup gerekli ogeyi gostererek yapabilirsiniz. Ornegin su bicimde bir sayfa olabilir:

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script>
</head>
<body>
	<div><input type="radio" name="sayfa" class="link-radio" href="#google">Google</div>
	<div><input type="radio" name="sayfa" class="link-radio" href="#youtube">Youtube</div>
	<div><input type="radio" name="sayfa" class="link-radio" href="#twitter">Twitter</div>
	<hr>
	<div class="hidden" id="google">
		<?php echo "Burasi google kodlari."; ?>
	</div>
	<div class="hidden" id="youtube">
		<?php echo "Burasi youtube kodlari."; ?>
	</div>
	<div class="hidden" id="twitter">
		<?php echo "Burasi twitter kodlari."; ?>
	</div>

	<script type="text/javascript">
		$(document).ready(function(){
			$(".hidden").hide();
			var active = null;
			$('.link-radio').change(function(){
				if($(this).is(':checked')){		
					if(active){
						$(active).hide();
					}	
					$($(this).attr("href")).show(300);
					active = $(this).attr("href");
				}
			});
		});
	</script>
</body>
</html>

17-07-2016, 11:47:18

#5

mustafaaydin

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

Merhaba,

Kucuk bir ornekle yardimci olmaya calisayim. Ornek html kodum su sekilde:

<div><input type="radio" name="sayfa" class="link-radio" href="http://google.com">Google</div>
<div><input type="radio" name="sayfa" class="link-radio" href="http://youtube.com">Youtube</div>
<div><input type="radio" name="sayfa" class="link-radio" href="http://twitter.com">Twitter</div>

Burada buton secilince acilacak olan sayfanin linkini href olarak ekledim. Sonra da jQuery ile butonlarin secilmesi durumunda ilgili sayfanin acilmasini saglayabilirim. Soyle bir kodla olabilir mesela:

$(document).ready(function(){
	$('.link-radio').change(function(){
		if($(this).is(':checked')){
			window.location = $(this).attr("href");
		}
	});
});

Tabi jQuery'nin projenize dahil oldugunu varsayiyorum. Degilse onu da eklemeniz egrekecektir. Bu sekilde olur diye dusunuyorum. Sayet hala sorun yasarsaniz belirtin.

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 11:26:45 -->-> Daha önceki mesaj 11:12:46 --

Tekrar merhaba basliga bakarak sundugum oneri biraz eksik olmus sanirim. Mesajinizi biraz detayli okuyunca ayni sayfa icinde degisiklik istemissiniz saniyorum. Bu defa da linkleri disari degil de icerideki ogelere verip gerekli olan oge disindakileri gizli tutup gerekli ogeyi gostererek yapabilirsiniz. Ornegin su bicimde bir sayfa olabilir:

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script>
</head>
<body>
	<div><input type="radio" name="sayfa" class="link-radio" href="#google">Google</div>
	<div><input type="radio" name="sayfa" class="link-radio" href="#youtube">Youtube</div>
	<div><input type="radio" name="sayfa" class="link-radio" href="#twitter">Twitter</div>
	<hr>
	<div class="hidden" id="google">
		<?php echo "Burasi google kodlari."; ?>
	</div>
	<div class="hidden" id="youtube">
		<?php echo "Burasi youtube kodlari."; ?>
	</div>
	<div class="hidden" id="twitter">
		<?php echo "Burasi twitter kodlari."; ?>
	</div>

	<script type="text/javascript">
		$(document).ready(function(){
			$(".hidden").hide();
			var active = null;
			$('.link-radio').change(function(){
				if($(this).is(':checked')){		
					if(active){
						$(active).hide();
					}	
					$($(this).attr("href")).show(300);
					active = $(this).attr("href");
				}
			});
		});
	</script>
</body>
</html>

yazdığınız kod için teşekkür ederim.
yapmak istediğim butona tıklayınca ekrana form1 girişlerinin olacağı kısım.(kumaş bilgilerine ait bilgilerin girişini yaptıracağım)
diğer butona tıklayınca form2 girişlerinin olacağı kısım gelmesini istiyorum.(iplik bilgilerine ait bilgilerin girişini yaptıracağım)

class ile gizlemek diğer formu pasif yapıyor.

17-07-2016, 12:08:37

#6

rasit

PM atiyorum size, beraber bakalim dilerseniz.