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).****("a").attr("href"); //**** 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).****("a").attr("href"); //**** the rel attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active content
return false;
});
});
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).****("a").attr("href"); //**** 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).****("a").attr("href"); //**** the rel attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active content
return false;
});
});