jquery: Tabs mit Link aufrufen

[sasser1981]

Hallo @ all,
schon lange kenne ich dieses Forum, und es hat mir auch schon vieeeel hilfe gegeben.
Nun wende ich mich aber mit einem Problem an euch, an dem ich seit Tagen verzweifel...

Gut, es kann sein, das dieses Thema hier evtll schon behandelt wurde, aber die Sufu hat mir nur einen ähnlichen Beitrag gebracht, der mir leider nicht weitergeholfen hat...

Ich versuche seit tagen folgende Situation zu realisieren:

Ich habe eine Website (was auch sonst^^) die mit Tabs arbeitet. (Leider kann ich keinen Link zu der Seite geben, da dies Beruflich ist)
Das Tabbing funktioniert wunderbar, und macht keine Probleme.
Nun versuche ich aber aus dem Content heraus, einen Tab aufzurufen. Nur da liegt der Hund begraben

Ich nutze:
jquery.1.1.2.js (ich weiss, das dies veraltet ist, aber ich hab funktionen damit laufen...)
interface.js
jquery.cookie.js
jquery-1.6.4.min.js
jquery-ui-1.8.16.custom.min.js
jquery-ui-timepicker-addon.js


Mein Tab Quelltext:

$(document).ready(function() {
    $(".tabs a").click(function() {
        $(this).addClass("active").parent().siblings().find("a.active").removeClass("active");

        var id = $(this).parent().parent().find("a").index(this);

        $(this).parent().parent().parent().find(".content").css({
            display: "none"
        }).eq(id).css({
            display: "block"
        });
    });
});

HTML:

        <ul class="tabs">
            <!-- TAB MENU -->
            <li><a href="#" id="tab_1" class="active">Tab1</a></li>
            <li><a href="#" id="tab_2">Tab2</a></li>
            <li><a href="#" id="tab_3">Tab3</a></li>
            <li><a href="#" id="tab_4">Tab4</a></li>
        </ul>


<!-- [ MORE CODE ] -->


<div id="content_1" class="content">Inhalt 1</div>
<div id="content_2" class="content">Inhalt 2</div>
<div id="content_3" class="content">Inhalt 3</div>
<div id="content_4" class="content">Inhalt 4</div>

Hier in "content_4" soll ein Link, der eine js funktion (die nichts mit dem Tab zu tun hat) aufruft.
Nun soll aber nach dem Klick nicht nur mittels onclick="funktion();" aufgerufen werden
sondern auch content_4 wechesln, tab_1 aktiviert werden, und content_1 angezeigt werden...

Ich komme leider nicht weiter...



PS:
Vllt sollte ich noch erwähnen das der Link, der den Tab aufrufen soll, dynamisch erstellt wird...

CB_HTML = CB_HTML + "<tr height=\"35\" align=\"center\"  valign=\"middle\"  onmouseover=\"this.style.backgroundColor='#FAFDD5'\" onmouseout=\"this.style.backgroundColor='#fff'\" >" +
 [...] # weiterer Code
                                  "<td style=\"border-right:1px solid #202020; width:14%;\"><a href=\"#\" onclick=\"eineJSfunktion();return false;\">" + variable  + "</a></td>" +
 [...] # weiterer Code                             
 "</tr>";

VORSCHAU BEI FIDDLE

 

[CPoly]

Die Tabs in dem Fiddle tun bei mir nichts.

Aber zum Problem: Du kannst einfach den Klick auf den entsprechenden Tab und damit die gesamte Funktionalität auslösen, in dem du das Event triggerst.

$('#mein-link-innerhalb-des-contents').click(function() {
    //Wähle den gewünschten Tab aus
    $('#tab_1').click();
});

 

[sasser1981]

Hat sich erledigt =)
Habs ohne jquery gelöst^^

function switchtab(){
    document.getElementById("content_4").style.display = "none";
    document.getElementById("content_1").style.display = "block";
    document.getElementById("tab_1").className  = " active";
    document.getElementById("tab_4").className  = " ";
}