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>