İçeriğe geç
ShiftDelete.Net
Haber ara/ SDN'ye SorGiriş
Haber Akışı SDNTV İnceleme Forum Yapay Zeka Akıllı Telefon Elektrikli Otomobil Oyun ShiftDelete.Net Global Teknoloji Haberleri Mobil Otomobil Donanım Savunma Bilim Sosyal Medya İnternet Giyilebilir Teknoloji Rehber Ürünler Son dakika Yazarlar
  1. Ana sayfa
  2. Topluluk
  3. Programlama
  4. Web Programlama (PHP, ASP, HTML, CSS, JavaScript)
Web Programlama (PHP, ASP, HTML, CSS, JavaScript)

Javascript Tab Menu sorunu

71717110.07.20120 cevap1.866 görüntüleme
2012'den beri1 mesaj
#1
Merhabalar,
yapmış olduğum web sayfasında tab menu(yan yana açılır) kullandım. Her bir tab'da da sayfalama yaptım php'de.
mesela 2.tab açıkken orada sayfayı değiştirdiğimde(2.tab'ın 3.safyasına gitmek istediğimde) tekrar 1.tab açık olarak geliyo. 2.tab'a tıkladığımda ancak o tab'ın istediğim sayfasına gittiğini görüyorum. Bu sıkıntıyı nasıl aşabilirim yardımcı olabilir misiniz? Javascript'i aşağıdaki gibi.

$(document).ready(function() {

$(".tab_content").hide(); //Hide all content
$(".tabs_links ul li:first").addClass("active").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content
//On Click Event
$(".tabs_links ul li").click(function() {
$(".tabs_links ul li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".tab_content").hide(); //Hide all tab content
var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active content
return false;
});


$(".rtab_content").hide(); //Hide all content
$(".tab_navigation ul li:first").addClass("active").show(); //Activate first tab
$(".rtab_content:first").show(); //Show first tab content
//On Click Event
$(".tab_navigation ul li").click(function() {
$(".tab_navigation ul li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".rtab_content").hide(); //Hide all tab content
var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active content
return false;
});

});

Cevabını yaz

Cevap yazmak için giriş yap ya da üye ol. Eski forum kullanıcı adın ve parolanla girebilirsin.