Jquery Tabs: Bestimmten Tab mit Inhalt bei Start aktivieren

[mtensche]

Das weiß ich nicht mehr wo die her war. eine ganz simple. nicht diese http://jqueryui.com/tabs/

 

[mtensche]

habs gefunden....

http://www.htmldrive.net/items/show/542/Simple-Tabs-w-CSS-jQuery.html

 

[jeipack]

ach so, dann einfach einen Clickevent auf das entsprechende Tab auslösen:
$("#tab-nav2").click();
um den Tag zu wechseln.


Zusammen ergibt dass dann:

function get_url_param( name )
{
    name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
 
    var regexS = "[\\?&]"+name+"=([^&#]*)";
    var regex = new RegExp( regexS );
    var results = regex.exec( window.location.href );
 
    if ( results == null )
        return "";
    else
        return results[1];
}
var activetab = get_url_param("tab");
$("#tab-nav"+activetab).click();

Das so in document.ready eingebaut und die URL:
http://www.htp-immobilien.de/neubauimmobilien/villenpark-hirschgartenufer-berlin/index.php?tab=2
wird den 2ten Tab öffnen.

 

[mtensche]

Habe es eingebaut.

JS sieht jetzt wie folgt aus:

 /*Objektseite Tabs*/
$(document).ready(function() {
  //Default Action
  var show = 0; //0-basierend

  $(".tab_content").hide(); //Hide all content
  $("ul.tabs li:eq("+show+")").addClass("active").show(); //Activate first tab
  $(".tab_content:eq("+show+")").show(); //Show first tab content
  //On Click Event
  $("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active"); //Remove any "active" class
    $(".tab_content").hide(); //Hide all tab content
    $(this).addClass("active"); //Add "active" class to selected tab
    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;
function get_url_param( name )
{
    name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");

    var regexS = "[\\?&]"+name+"=([^&#]*)";
    var regex = new RegExp( regexS );
    var results = regex.exec( window.location.href );

    if ( results == null )
        return "";
    else
        return results[1];
}
var activetab = get_url_param("tab");
$("#tab-nav"+activetab).click();
});

  $('div[id^=tab] a').click(function () {
    $($(this).attr('href')).trigger('click');
});
  });

Funktioniert leider immer noch nicht....

 

[jeipack]

Doch meine Lösung funktioniert, habe sie mit deiner Seite getestet.
Zumindest auf dieser Seite ist es noch nicht eingebaut!
http://www.htp-immobilien.de/neubauimmobilien/villenpark-hirschgartenufer-berlin/index.php


Geh mal auf deine Seite und klicke F12. Da gibts einen Fehler. (Weil immer noch der alte Code drin ist)

 

[mtensche]

Ich finde den Fehler nicht...


Ich weiß ehrlich gesagt auch nicht was du meinst mit "auf dieser Seite ist es noch nicht eingebaut"****

Die js datei ist doch für alle gleich, da die scripte in einer externen js liegen (http://www.htp-immobilien.de/slider_objekt.js)

 

[jeipack]

Ahh könnte sein dass ich noch das alte JS File hatte (Browsercache) - sorry.

Aber .. schau dir mal den Code an, du hast die Funktion function get_url_param( name ) wieder im Clickevent.

 /*Objektseite Tabs*/
$(document).ready(function() {
  //Default Action
  var show = 0; //0-basierend

  $(".tab_content").hide(); //Hide all content
  $("ul.tabs li:eq("+show+")").addClass("active").show(); //Activate first tab
  $(".tab_content:eq("+show+")").show(); //Show first tab content
  //On Click Event
  $("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active"); //Remove any "active" class
    $(".tab_content").hide(); //Hide all tab content
    $(this).addClass("active"); //Add "active" class to selected tab
    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;


});

function get_url_param( name )
{
    name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
 
    var regexS = "[\\?&]"+name+"=([^&#]*)";
    var regex = new RegExp( regexS );
    var results = regex.exec( window.location.href );
 
    if ( results == null )
        return "";
    else
        return results[1];
}

var activetab = get_url_param("tab");
$("#tab-nav"+activetab).click();

  $('div[id^=tab] a').click(function () {
    $($(this).attr('href')).trigger('click');
});
  });
  /*Objektseite Slider*/
jQuery(document).ready(function($) {
  $('#full-width-slider').royalSlider({
    arrowsNav: true,
    loop: false,
    keyboardNavEnabled: true,
    numImagesToPreload: 0,
    controlsInside: true,
    imageScaleMode: 'fill',
    arrowsNavAutoHide: false,
    controlNavigation: 'bullets',
    thumbsFitInViewport: false,
    navigateByClick: true,
    startSlideId: 0,
    autoPlay: false,
    transitionType:'move',
    globalCaption: false,
    deeplinking: {
      enabled: true,
      change: false
    }

  });
});

 

[mtensche]

ok...kannst du mir bitte sagen wie der code richtig aussehen muss bzw. wo die function get_url_param( name ) hin muss, ich hab nämlich keine ahnung...bin kein js spezialist. vielen dank.

 

[jeipack]

Hey
Ja, nimm einfach den Code vom letzen Beitrag. Da habe ich die Funktion schon aus dem Clickevent genommen und richtig platziert.

 

[mtensche]

alles klar....super. es funktioniert:

Ich habe jetzt noch eine Frage....wenn ich jetzt zB den Reiter "Wohneinheiten" in einer anderen php Seite öffnen möchte...ist das möglich hierauf zu verlinken aus der normalen Seite oder ist ein externer Link hier in den Register-Tabs nicht möglich weil immer das Tab geöffnet wird?

Vielen Dank!!