Groups > de.comp.lang.javascript > #5028

HTML-Fragmente mit JavaScript einbinden / wechselndes aria-current="page"

Path	csiph.com!eternal-september.org!feeder.eternal-september.org!reader01.eternal-september.org!.POSTED!not-for-mail
From	Bernd Meier <bm6093209@hushmail.com>
Newsgroups	de.comp.lang.javascript
Subject	HTML-Fragmente mit JavaScript einbinden / wechselndes aria-current="page"
Date	Thu, 14 Feb 2019 18:44:10 +0100
Organization	A noiseless patient Spider
Lines	82
Message-ID	<q449db$1nk$1@dont-email.me> (permalink)
Mime-Version	1.0
Content-Type	text/plain; charset=utf-8; format=flowed
Content-Transfer-Encoding	8bit
Injection-Date	Thu, 14 Feb 2019 17:44:11 -0000 (UTC)
Injection-Info	reader02.eternal-september.org; posting-host="7206c15e25b226665d6f5dd44e98930e"; logging-data="1780"; mail-complaints-to="abuse@eternal-september.org"; posting-account="U2FsdGVkX180aCcui/5MUps2gW0+5aIffh9mAt0Uxs8="
User-Agent	Mozilla/5.0 (Windows NT 10.0; WOW64; rv:52.0) Gecko/20100101 Thunderbird/52.8.0
Cancel-Lock	sha1:YIqfJoWK68PeVaEKwcCJ2fQxPvo=
X-Antivirus-Status	Clean
X-Antivirus	Avast (VPS 190214-2, 14.02.2019), Outbound message
X-Mozilla-News-Host	news://news.eternal-september.org:119
Xref	csiph.com de.comp.lang.javascript:5028

Show key headers only | View raw

Ich habe mehrere HTML-Seiten, die das gleiche Navigationsmenü
erhalten sollen.

Es soll dabei die gerade aktuelle Seite mit aria-current="page"
hervorgehoben werden. Ich versuche ein Lösung zu finden,
die Punkte des Navigationsmeüns in eine externe Datei auszulagern,
so dass ich es nur in der externen Datei ändern muss,
falls es sich ändern sollte.

Mein Navigationsmenü in der index.html:
<nav>
   <ul>
     <li><a aria-current="page">Home</a></li>
     <li><a href="punkt1.html">Punkt1</a></li>
     <li><a href="punkt2.html">Punkt2</a></li>
   </ul>
</nav>

Mein Navigationsmenü in der punkt1.html:
<nav>
   <ul>
     <li><a href="index.html">Home</a></li>
     <li><a aria-current="page">Punkt1</a></li>
     <li><a href="punkt2.html">Punkt2</a></li>
   </ul>
</nav>

Mein Navigationsmenü in der punkt2.html:
<nav>
   <ul>
     <li><a href="index.html">Home</a></li>
     <li><a href="punkt1.html>Punkt1</a></li>
     <li><a aria-current="page">Punkt2</a></li>
   </ul>
</nav>

Unter

https://stackoverflow.com/questions/8988855/include-another-html-file-in-a-html-file

habe ich gelesen, dass man per JavaScript HTML-Fragmente einlesen kann
(dortiges Beispiel mit a.html und b.js).

Mein Beispiel würde dann so aussehen:

<nav>
   <ul>
     <script src="b.js"></script>
   </ul>
</nav>


Datei b.js:
<li><a aria-current="page">Home</a></li>
<li><a href="punkt1.html">Punkt1</a></li>
<li><a href="punkt2.html">Punkt2</a></li>

Das Problem ist nun das aria-current. Denn das ändert sich ja in
jeder Datei (index.html, punkt1.html, punkt2.html), so dass
obiger Inhalt der b.js nur für die index.html richtig wäre.

Gibt es trotzdem eine Lösung, den ausgelagerten Code
wiederverwendbar zu machen? Man müsste wohl das irgendwie
mit weiterem JavaScript-Code regeln können, der das
aria-current="page" einsetzt je nach Namen der Datei,
von der b.js aufgerufen wurde.

Als in etwa so:

Datei b.js:

Durch welche Datei wurde ich aufgerufen?

-> Ersetze im folgenden Code das href-Tag dort durch
aria-current="page", wo es dem Namen der aufrufenden
Datei zugewiesen wurde.

<li><a href="index.html>Home</a></li>
<li><a href="punkt1.html">Punkt1</a></li>
<li><a href="punkt2.html">Punkt2</a></li>

Weiß jemand, wie man das erreichen kann?

Back to de.comp.lang.javascript | Previous | Next — Next in thread | Find similar

Thread

HTML-Fragmente mit JavaScript einbinden / wechselndes aria-current="page" Bernd Meier <bm6093209@hushmail.com> - 2019-02-14 18:44 +0100
  Korrektur Re: HTML-Fragmente mit JavaScript einbinden / wechselndes aria-current="page" Bernd Meier <bm6093209@hushmail.com> - 2019-02-14 18:48 +0100
    Re: Korrektur Re: HTML-Fragmente mit JavaScript einbinden / wechselndes aria-current="page" Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2019-02-15 23:10 +0100
  Re: HTML-Fragmente mit JavaScript einbinden / wechselndes aria-current="page" Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2019-02-15 00:53 +0100
  Re: HTML-Fragmente mit JavaScript einbinden / wechselndes aria-current="page" Arno Welzel <usenet@arnowelzel.de> - 2019-02-16 13:58 +0100
  Re: HTML-Fragmente mit JavaScript einbinden / wechselndes aria-current="page" Bernd Meier <bm6093209@hushmail.com> - 2019-02-23 01:43 +0100

csiph-web