<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<input type="hidden" id="soruId" value="5">
<div class='oyak-soru-cevap pb-4 w-100'>
<img class="w-100 resim-kutusu" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYBjk8xNZMnETQFhKeNaZRTJKBUqaS2IGiaGOYnqBszeeWgS887rfe7S8I51-nLLGgbodMuzUPdfiirzqPYiZjHjMOHAg7JqiwziFb29_nkXpBZT5VYk2PqB7zRoVKkG9NHqspBGTS5YLWWhpgjxbt2yS-Iimg5Z-fYSZrhRpQFu9xGDh-9Tzfc8cHbJEn/s1600/oyak-ems-nedir.jpg" title="Maluliyet Yardımı" />
<div class="sorucevaptitle card-header h4 text-dark font-weight-bold text-center mb-3 mt-1 ">
SORULAR - CEVAPLAR
</div>
<div class='soru-kutusu'>
<h2><span class="badge badge-danger mr-2 p-2 px-3"><i class="fa fa-question-circle" aria-hidden="true"></i> SORU</span></h2>
<div class='soru-metni'>
<p>1 Emekli maaşı sistemi (OYAK EMS) nedir?</p>
</div>
</div>
<div class='cevap-kutusu'>
<h2><span class="badge badge-success mr-2 p-2 px-3"><i class="fa fa-check" aria-hidden="true"></i> CEVAP</span></h2>
<div class='cevap-metni'>
<p>Üyelikte 10. Yılını <b>(en az 120 ay aidat) doldurarak</b> OYAK daimi üyeliği sona erecek üyelerin, isterlerse Emeklilik Yardımlarının 1/4'ünü, 2/4'ünü, 3/4'ünü veya tamamını(4/4) bırakarak, OYAK gelirleri ve Sosyal Hizmetlerinden yararlanmaya devam edebilecekleri
gelir paylaşımı esasına dayalı bir tür kâr payı ortaklığıdır.</p>
<p>Bu Sistem'de üyelerin maaş alma zorunluluğu yoktur. Maaş almak isteyen üyelere o yılın nemasına göre hesaplanan gelirin bir bölümü maaş adı altında ödenirken gelirin kalan kısmı rezervlerine eklenir. Maaş tutarı, nema ve üyenin rezervine bağlı olup, dönemler
arasında farklılıklar gösterebilir.</p>
</div>
</div>
</div><!--soru cevap bölümü bitiş -->
<!-- PAGER -->
<div class="container mt-5">
<h2>Sorular</h2>
<hr>
<div class="d-flex justify-content-between align-items-center w-100 my-3">
<div class="flex-grow-1 mr-1">
<a href="#" id="sonrakiButton"
class="btn btn-warning btn-block font-weight-bold py-2">
<i class="fa fa-chevron-left"></i> Sonraki
</a>
</div>
<div class="flex-grow-1 mx-1">
<a href="https://oyakhaber.blogspot.com/"
class="btn btn-primary btn-block font-weight-bold py-2">
Cevaplar
</a>
</div>
<div class="flex-grow-1 ml-1">
<a href="#" id="oncekiButton"
class="btn btn-warning btn-block font-weight-bold py-2">
Önceki <i class="fa fa-chevron-right"></i>
</a>
</div>
</div>
<hr>
<div class="alert alert-success w-100">
<strong id="sonuc"></strong>
</div>
</div>
<!-- PAGER -->
</div>
</div>
$(document).ready(function() {
var url = "https://muhittinbudak.github.io/oyaksorular/oyaksorucevap.json";
var mevcutId = parseInt($("#soruId").val(), 10);
$.ajax({
url: url,
method: "GET",
dataType: "json",
cache: false,
success: function(response) {
if (!response || !response.scdata) {
$("#sonuc").html("Veri formatı hatalı!");
return;
}
// JSON listesini al
var dataList = response.scdata;
// ID'ye göre küçükten büyüğe sırala
dataList.sort(function(a, b) {
return parseInt(a.soruId) - parseInt(b.soruId);
});
// =========================
// SONRAKİ (ID - 1)
// =========================
var sonrakiVeri = dataList.find(function(x) {
return parseInt(x.soruId) === (mevcutId - 1);
});
if (sonrakiVeri) {
$("#sonrakiButton").attr("href", sonrakiVeri.soruUrl)
.css("visibility", "visible")
.css("pointer-events", "auto");
} else {
$("#sonrakiButton")
.css("visibility", "hidden")
.attr("href", "#")
.css("pointer-events", "none");
}
// =========================
// ÖNCEKİ (ID + 1)
// =========================
var oncekiVeri = dataList.find(function(x) {
return parseInt(x.soruId) === (mevcutId + 1);
});
if (oncekiVeri) {
$("#oncekiButton").attr("href", oncekiVeri.soruUrl)
.css("visibility", "visible")
.css("pointer-events", "auto");
} else {
$("#oncekiButton")
.css("visibility", "hidden")
.attr("href", "#")
.css("pointer-events", "none");
}
// =========================
// ŞU ANKİ SORU
// =========================
var suAnkiKayit = dataList.find(function(x) {
return parseInt(x.soruId) === mevcutId;
});
if (suAnkiKayit) {
$("#sonuc").html(
"<strong>Şu anki Soru:</strong> " + suAnkiKayit.soruTitle
);
} else {
$("#sonuc").html("Soru bulunamadı!");
}
},
error: function(xhr, status, error) {
console.log("Veri çekilirken hata oluştu:", error);
$("#sonuc").html("Veri yüklenemedi!");
}
});
});
