Beyaz.Net İpucu

KATEGORİLER

Delphi
PHP
Dotnet
FileMaker

Jquery Tab Active Pasif

Tabın başlığı ve tabın içeriğini active pasive yapmak için aşağıdaki kodu kullanabilirsiniz.

Örnek : http://istanbulkart.iett.gov.tr/tr/istanbulkart/pages/menu/353/29

Jquery:

$j('.tab').click(function() {
                    $(this).addClass('activetab').siblings().removeClass('activetab');
                    var icerik = $(this).attr('id') + 'urun';
                    $('#'+icerik).addClass('activ').siblings().removeClass('activ');
});

CSS:

.tabs-contain {
    clear: both;
    float: left;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 645px;
}
.tabs-tabs {
    clear: both;
    float: left;
    height: 52px;
    margin-left: 10px;
    position: relative;
    width: 625px;
    z-index: 2;
}
.tabs-content {
    clear: both;
    display: none;
    float: left;
    position: relative;
    top: -1px;
    width: 645px;
    z-index: 1;
}
.tabs-content-in {
    background-image: url("http://istanbulkart.iett.gov.tr/images/istanbulkart/tabs-z.png");
    background-repeat: repeat-y;
    clear: both;
    float: left;
    padding: 10px;
    width: 625px;
}
.tab {
    background-image: url("http://istanbulkart.iett.gov.tr/images/istanbulkart/tabs-inactive-z.png");
    background-repeat: no-repeat;
    color: #000000;
    display: table-cell;
    float: left;
    height: 42px;
    margin-right: 5px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    width: 90px;
}
.activetab {
    background-image: url("http://istanbulkart.iett.gov.tr/images/istanbulkart/tabs-active-z.png");
    background-repeat: no-repeat;
    color: #000000;
    display: table-cell;
    float: left;
    height: 42px;
    margin-right: 5px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    width: 90px;
}
.tabs-tab-in {
    color: #000000;
    display: table-cell;
    height: 42px;
    text-align: center;
    vertical-align: middle;
    width: 90px;
}
.activ {
    display: block;
}

HTML :


                <div class="tabs-contain">
                                        <div class="tabs-tabs"><div class="tab activetab" id="tab29"><span class="tabs-tab-in">Nasıl Temin Ederim?</span></div><div class="tab " id="tab30"><span class="tabs-tab-in"> Kart Ücreti Nedir?</span></div><div class="tab " id="tab31"><span class="tabs-tab-in">Nasıl Kullanırım?</span></div></div><div class="tabs-content activ" id="tab29urun">
                                    <img src="http://istanbulkart.iett.gov.tr/images/istanbulkart/tabs-top.png" width="645" height="8" class="FL" />
                                    <div class="tabs-content-in"><p>&nbsp; BAŞVURU ŞEKİLLERİ</p>
<div>&nbsp;- Online Başvuru &nbsp;</div>
<div>&nbsp;- Bireysel Başvuru</div>
<div>ONLINE BAŞVURU</div>
<div>&nbsp;</div>
<div>Online Başvuru yapmadan önce kart bedelini size en yakın T.C Vakıflar Bankası şubelerinde (kurum tahsilat servisinde) mevcut olan Paso İstanbul Büyükşehir Belediyesi hesabına herhangi bir havale ücreti ödemeden yatırınız. (EFT, havale ve bankamatikten yapılan ödemeler kabul edilmemektedir.</div>
<div>&nbsp;</div>
<div>Online Başvuru Formu'nu doldurduktan sonra, kartınız 5 iş günü sonunda adresinize postalanacaktır.</div></div>
                                    <img src="http://istanbulkart.iett.gov.tr/images/istanbulkart/tabs-bot.png" width="645" height="8" class="FL" />
                                  </div><div class="tabs-content " id="tab30urun">
                                    <img src="http://istanbulkart.iett.gov.tr/images/istanbulkart/tabs-top.png" width="645" height="8" class="FL" />
                                    <div class="tabs-content-in"><p>&nbsp; Mavi Kart ücreti 10 TL'dir.</p>
<div>&nbsp;</div>
<div>Kartların herhangi bir sebeple yenilenmesi talebinde (eski kartın ibrazı şartıyla) 10 TL, ilk çalıntı/zayi durumunda 10 TL ücret alınmaktadır, ikinci ve üçüncü çalıntı/zayi durumunda 20 TL, dördüncü çalıntı/zayi durumunda ise 40 TL ücret alınmaktadır.</div>
<div>&nbsp;</div>
<div>Usulsüz Kullanım Bedeli ise Mavi Kart aylık dolum bedeline eşittir.</div>
<div>&nbsp;</div>
<div>TARİFE ÜCRETİ</div>
<div>Ulaşım : 1 Limit</div>
<div>Aylık Dolum : 155 TL (180 biniş hakkı)</div></div>
                                    <img src="http://istanbulkart.iett.gov.tr/images/istanbulkart/tabs-bot.png" width="645" height="8" class="FL" />
                                  </div><div class="tabs-content " id="tab31urun">
                                    <img src="http://istanbulkart.iett.gov.tr/images/istanbulkart/tabs-top.png" width="645" height="8" class="FL" />
                                    <div class="tabs-content-in"><p>&nbsp; Mavi Kart'ın kullanımı için otobüslerdeki ve raylı sistem istasyonlarında, deniz taşımacılığı iskelelerinde bulunan turnike üzerindeki kart okuyucusuna 0 - 8 cm mesafede bulunması yeterlidir.</p>
<div>&nbsp;</div>
<div>Kart okuyucuya sürekli yaklaşık tuttuğunda bakiye değeri ardı ardına düşmez. Tahsil edilen ve kalan kontör bilgilerine kart okuyucusu üzerinden ulaşabilirsiniz.</div>
<div>&nbsp;</div>
<div>Kart Dolum İşlemleri</div>
<div>&nbsp;</div>
<div>Mavi Kart'a İETT bayilerinden ve özel bayilerden, durak ve istasyonlarda bulunan OSM'lerden yükleme yapılabilir.</div>
<div>&nbsp;</div>
<div>Kart Kullanım Süresi</div>
<div>&nbsp;</div>
<div>Elektronik kartların kullanım ömrü 2 yıl sonunda bitmektedir. Kart yükleme yapıldığı tarihten itibaren 1 aylık sınırlı biniş hakkı tanımaktadır.</div>
<div>&nbsp;</div>
<div>Kayıp-Çalıntı Kart Bildirimi / Yenileme İşlemi / Usulsüz Kullanım</div>
<div>&nbsp;</div>
<div>Kartınızı kaybetmeniz/çaldırmanız durumunda 444 1871 - Çağrı Merkezimizi arayarak kartınızı kullanıma kapattırmanız gerekmektedir. Aksi halde kartınızın bir başkası tarafından kullanılması halinde usulsüz kullanım ücreti ödemek durumunda kalabilirsiniz.</div>
<div>&nbsp;</div>
<div>Mavi Kart'ın kullanıcı hatası sonucu bozulması durumunda yenileme ücreti (10 TL) karşılığında kart yenilenir. Kullanıcı hatasından kaynaklanmayan durumlarda ise kart ücretsiz olarak yenilenir.Yeni kartınız üretildiği anda eski kartınızın kapatılma işlemi başlatılacaktır. Kartınız 7 iş günü içerisinde kullanıma kapatılır.&nbsp;</div>
<div>&nbsp;</div>
<div>Kartın başkaları tarafından kullanılması durumunda ,usulsüz kullanım bedeli olarak aylık dolum tutarı alınır.</div>
<div>&nbsp;</div>
<div>Karttan Karta Aktarım</div>
<div>Seyahat kartlarının deforme olması ve kırılması gibi durumlarda eski kartta bulunan bakiyenin yeni karta aktarım işlemi Karaköy, Hasanpaşa ve Pendik Başvuru Merkezlerinde yapılabilmektedir.</div>
<div>&nbsp;</div>
<div>Kartını yenilemek isteyen yolcularımız eski kartlarında bulunan bakiyeyi yeni kartlarına belirtilen merkezlerde aynı gün, kayıp/çalıntı durumunda ise kartın kapatılma işlemi sonuçlandırıldıktan on gün sonra Karaköy, Hasanpaşa, Pendik Başvuru Merkezlerinde ve İncirli-Bakırköy Metro istasyonunda Belbim AŞ'ye ait merkezde aktarabilecekler.</div></div>
                                    <img src="http://istanbulkart.iett.gov.tr/images/istanbulkart/tabs-bot.png" width="645" height="8" class="FL" />
                                                </div>

Kategorideki Güncel Makaleler