webForumDet fria alternativet

Länka till en specifik tab från en helt annan sida

JavaScript

10 svar · 735 visningar · startad av bikic

Medlem sedan juni 2006261 inlägg
Frågan#1

Hej,

jag har en tab-funktion som baserar sig på denna länk:

http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/

Jag hade gärna velat kunna länka direkt in till en tab, ex. tab 2 av 4.

Har försökt nu ett par gånger men får det inte till att fungera. Någon som kan hjälpa mig?

Tacksam för svar!

Medlem sedan nov. 20017 144 inlägg
#2

Du får skicka med en sk. querystring som du kollar i onload.

Medlem sedan juni 20019 519 inlägg
#3

behövs inte Jesper T, finns ju anchors i länkarna, frågan ställdes igår och jag citera mitt svar:

du kan användad ig av location.hash metoden för att få reda på ankaret:

dinurl.com/#hash

och referea det till ett id i en specifik tab, gjorde ett plugin för några år sedan för tabbar och hash, du få gärna kolla på det: http://voigt.se/sandbox/tabify/ fungera lite annolunda med html strukturen men bör vara enkelt nog att debugar och se vad hash gör.

@bikic: hur ser din kod ut som du har försökt och vad fungera/vad fungera inte?

Eller så kan du kolla in http://jqueryui.com/ som har tabbar med denna funktion redan.

Medlem sedan nov. 20017 144 inlägg
#4

Aha, jag trodde det handlade om olika sidor.

Medlem sedan juni 20019 519 inlägg
#5

Jesper T skrev:

Aha, jag trodde det handlade om olika sidor.

Ankare kan du länkar från andra sidor, http://mypage.com/#ankare

kan du länka från din hemsida till "min" på mypage.com och så länge det finns ett ankare på sidan så "åker" man ner där #ankare är refererad till på sidan.

Medlem sedan juni 2006261 inlägg
#6

@voigtann1: Din Url http://voigt.se/sandbox/tabify/ fungerar inte med att länka till tabbar, i alla fall inte i Firefox. Ser att det fungerar i IE - osäkert.

Medlem sedan juni 20019 519 inlägg
#7

http://voigt.se/sandbox/tabify/#tabify_tab-2 fungera för mig i FF

var containers = $(".tab_content").hide(),
    showContainer = $(location.hash||".tab_content:first").show(),
    tabs = $("ul.tabs li"),
    tab = tabs.eq(containers.index(showContainer)).addClass("active").show();

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

Om du gillar den andras kod bättre.

Medlem sedan juni 200032 967 inlägg
#8

Funkar för mig också i fx.

Medlem sedan juni 2006261 inlägg
#9

Funka i FF - jag vet inte riktigt vad som hände förut.

tack för hjälpen!

Medlem sedan aug. 20039 340 inlägg
#10

voigtann: Din kod har en brist: Tabbarna ändras inte när man går fram och tillbaka i historiken. (Twitter har samma problem för övrigt, så du behöver inte känna dig dum. ;) )

Medlem sedan juni 20019 519 inlägg
#11

Det beror på hur man se det, koden fungera på det krav jag hade när jag gjorde den, fungera som den ska :) hade nog gjort annolunda idag :)

719 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
125 ms — deklarationer (db)
0 ms — hämta statistik (cache)
586 ms — hämta tråd, inlägg och bilagor (db)
130 ms — ändringar (db)