"Hadi Ya"
Bootstrap 4.0.0 Snippet by muhittinbudak

<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="4"> <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"> Sorular-Cevaplar Listesi </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 data = { "scdata": [ { "soruId": 1, "haberTitle": "1 Emekli maaşı sistemi (OYAK EMS) nedir?", "haberUrl":"https://oyakhaber.blogspot.com/p/emekli-maasi-sistemi-oyak-ems-nedir.html" }, { "soruId": 2, "haberTitle": "2 Kimler OYAK EMS Emekli Maaşı Sistemi'ne katılabilir?", "haberUrl":"https://oyakhaber.blogspot.com/p/kimler-oyak-ems-emekli-maasi-sistemine.html" }, { "soruId": 3, "haberTitle": "3 Daha önceki yıllarda emekli olan üyelerin OYAK EMS'ye katılma hakları varmıdır?", "haberUrl":"https://oyakhaber.blogspot.com/p/daha-onceki-yillarda-emekli-olan.html" }, { "soruId": 4, "haberTitle": "4 OYAK EMS üyeleri sistemde nasıl karpayı(gelir) elde eder?", "haberUrl":"https://oyakhaber.blogspot.com/p/oyak-ems-uyeleri-sistemde-nasil-karpayi.html" }, { "soruId": 5, "haberTitle": "5 OYAK EMS'de ödenen maaşlardan ve rezervden vergi kesintisi yapılmakta mıdır?", "haberUrl":"https://oyakhaber.blogspot.com/p/oyak-ems-de-maaslardan-vergi-kesiliyormu.html" } ] }; var mevcutId = parseInt($("#soruId").val(), 10); // SONRAKİ (ID - 1) var sonrakiVeri = data.scdata.find(x => x.soruId === (mevcutId - 1)); if (sonrakiVeri) { $("#sonrakiButton").attr("href", sonrakiVeri.haberUrl); } else { $("#sonrakiButton") .css("visibility","hidden") .attr("href", "#") .css("pointer-events","none"); } // ÖNCEKİ (ID + 1) var oncekiVeri = data.scdata.find(x => x.soruId === (mevcutId + 1)); if (oncekiVeri) { $("#oncekiButton").attr("href", oncekiVeri.haberUrl); } else { $("#oncekiButton") .addClass("disabled") .attr("href", "#") .css("pointer-events","none"); } // Alt bilgi var suAnkiKayit = data.scdata.find(x => x.soruId === mevcutId); if (suAnkiKayit) { $("#sonuc").html("Şu anki Soru: " + suAnkiKayit.haberTitle); } });

Questions / Comments: