URL Abfrage in Jquery?

S

shinun

Mitglied
Hallo,

ich habe folgendes Problem. Ich möchte, dass ein tab in Bootstrap ausgewählt wird, wenn ich auf einer bestimmten URL bin.

Wenn zum Beispiel diese URLS abgerufen werden:
www.xxxx.de/thema1
www.xxxx.de/thema2
www.xxxx.de/thema3
www.xxxx.de/thema4
www.xxxx.de/thema5

Soll das "profile-tab" geöffnet sein.

Wäre super, wenn ihr mir da helfen könntet.

HTML:
<ul class="nav nav-tabs" id="myTab" role="tablist">
    <li class="nav-item">
        <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Home</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Profile</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">Contact</a>
    </li>
</ul>
<div class="tab-content" id="myTabContent">
    <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">...</div>
    <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">...</div>
    <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">...</div>
</div>

<script>

    $('#myTab a').on('click', function (e) {
        e.preventDefault()
        $(this).tab('show')
    })
</script>
 
Thallius

Thallius

Top Contributor
Wie soll das gehen? Die url verweist auf verschiedene Seiten, damit werden auch verschiedene Seiten geladen. Du könntest jetzt einen Riesen Fusch machen und die Seiten alle erstellen und dort immer das gleiche reinschreiben aber ich glaube das was du eigentlich willst wäre sowas wie

www.xxx.de?thema=1
www.xxx.de?thema=2

etc
 
S

shinun

Mitglied
Wie soll das gehen? Die url verweist auf verschiedene Seiten, damit werden auch verschiedene Seiten geladen. Du könntest jetzt einen Riesen Fusch machen und die Seiten alle erstellen und dort immer das gleiche reinschreiben aber ich glaube das was du eigentlich willst wäre sowas wie

www.xxx.de?thema=1
www.xxx.de?thema=2

etc
Das Ganze soll ja ein Menü sein. Es muss doch irgendwie gehen, dass man die Parameter in den URLS auslesen kann und sagen kann, Tab X sei offen, wenn Parameter Y in den URLs vorhanden ist?
 
mihe7

mihe7

Top Contributor
Klar geht das. Du kannst z. B. serverseitig URLs, die einem bestimmten Muster folgen, mit dem selben Inhalt beantworten. Du kannst wie von @Thallius vorgeschlagen aber auch Query-Paramter oder aber auch Fragmente verwenden, dann brauchst Du am Server nichts rumzustellen. Clientseitig musst Du halt window.location bzw. window.location.hash auswerten, bei Query-Parameter würde ich window.location.search im Zusammenhang mit URLSearchParams verwenden.
 
S

shinun

Mitglied
Klar geht das. Du kannst z. B. serverseitig URLs, die einem bestimmten Muster folgen, mit dem selben Inhalt beantworten. Du kannst wie von @Thallius vorgeschlagen aber auch Query-Paramter oder aber auch Fragmente verwenden, dann brauchst Du am Server nichts rumzustellen. Clientseitig musst Du halt window.location bzw. window.location.hash auswerten, bei Query-Parameter würde ich window.location.search im Zusammenhang mit URLSearchParams verwenden.
Ich hatte bis jetzt hauptsächlich leider nur mit HTML und CSS zu tun und verstehe daher recht wenig von deiner Antwort, aber trotzdem danke. Ich werde mich da mal reinlesen
 
Thallius

Thallius

Top Contributor
Ich hatte bis jetzt hauptsächlich leider nur mit HTML und CSS zu tun und verstehe daher recht wenig von deiner Antwort, aber trotzdem danke. Ich werde mich da mal reinlesen

warum nutzt du nicht einfach url Parameter? Genau dafür sind sie doch da. Und dann brauchst du serverseitig auch nix programmieren. Das geht komplett nur im Client
 
mihe7

mihe7

Top Contributor
Ich hatte bis jetzt hauptsächlich leider nur mit HTML und CSS zu tun und verstehe daher recht wenig von deiner Antwort, aber trotzdem danke. Ich werde mich da mal reinlesen
Das hat auch nichts mit HTML und CSS zu tun :) Öffne mal die Entwicklertools im Browser (F12), geh in die Konsole und tipp mal window.location ein, dann erscheint eine URI der Form https://www.java-forum.org/thema/url-abfrage-in-jquery.190004/#post-1237766. Wenn Du window.location.hash eintippst, bekommst Du nur den Part #post-1237766.

Wenn die URL so aussehen würde: https://www.java-forum.org/thema/url-abfrage-in-jquery.190004?q=1237766&v=a, dann gäbe es einen Abfrageparameter q mit dem Wert 1237766 und einen Parameter v mit dem Wert a. An die Parameter kommst Du per:
Javascript:
let params = new URLSearchParams(window.location.search.substring(1));
params.get("q")
params.get("v")
 
Ähnliche Java Themen
  Titel Forum Antworten Datum
D Wetter-Widget ohne Location-Abfrage Angular, React, JQuery - Fragen zu JavaScript 10
S regex in if-abfrage Angular, React, JQuery - Fragen zu JavaScript 5
F Hilfe bei if Abfrage Angular, React, JQuery - Fragen zu JavaScript 2
F JavaScript Abfrage ob Objekt existiert oder nicht Angular, React, JQuery - Fragen zu JavaScript 2
N DB Abfrage(Anfänger) Angular, React, JQuery - Fragen zu JavaScript 5
N Ajax Abfrage und PopUp Fenster Angular, React, JQuery - Fragen zu JavaScript 8
G Hilfe bei Mauskoordinaten abfrage Angular, React, JQuery - Fragen zu JavaScript 4
F Browser-/OS-Abfrage beim Laden einer Internetseite Angular, React, JQuery - Fragen zu JavaScript 3
W Browser abfrage Angular, React, JQuery - Fragen zu JavaScript 4
isatindersinght jquery convert html to image Angular, React, JQuery - Fragen zu JavaScript 0
J jquery selector? Angular, React, JQuery - Fragen zu JavaScript 9
E AJAX/JQUERY/rxjs Angular, React, JQuery - Fragen zu JavaScript 0
L Bildbearbeitung HTML5 Canvas Fabric.js Jquery Angular, React, JQuery - Fragen zu JavaScript 4
S jQuery - Slider funktioniert nicht im Akkordeon Angular, React, JQuery - Fragen zu JavaScript 3
boxi Jquery bei Ajax Call wird response ignoriert. Angular, React, JQuery - Fragen zu JavaScript 2
D Seite mit Jquery in Pop-Up als IFrame einbinden Angular, React, JQuery - Fragen zu JavaScript 1
M JQuery Bilder austauschen Angular, React, JQuery - Fragen zu JavaScript 92
S Tabelle mit jQuery Angular, React, JQuery - Fragen zu JavaScript 6
M JQuery Parameter mit Post übergeben Angular, React, JQuery - Fragen zu JavaScript 4
F jQuery Tabs + Accordion Angular, React, JQuery - Fragen zu JavaScript 5
E Jquery Script gesucht Angular, React, JQuery - Fragen zu JavaScript 3
S Twitter Anzeige via jQuery Angular, React, JQuery - Fragen zu JavaScript 2
M JQuery in Eclipse Angular, React, JQuery - Fragen zu JavaScript 1

Ähnliche Java Themen

Anzeige

Neue Themen


Oben