Links aus Titeln

Auf dieser Seite:

Einführung

Dieses Script sucht sich innerhalb einer Seite alle Titel einer bestimmten Ordnung aus (z.B.: h3) und erstellt daraus in einem div-Container eine Navigation für diese Seite; die Links zeigen auf die Titel, welche mit einer Anker-Adresse versehen wurden.

Dies ist die Seitennavigation

Hier sollte die Navigation reingeschrieben werden.

document.getElementsByTagName('h3')

document.getElementById("seitennavigation").innerHTML =

Das Script muss ans Ende der Seite, z.B. zwischen das Body- und das Html-Tag, damit die Titel bereits bestehen, wenn es ausgeführt wird.

<script type="text/javascript">
var h3_tags = document.getElementsByTagName('h3');
var anzahl_h3_tags = h3_tags.length;
var ausgabe = "";
var adresse = "h3titel";
for (i=0;i<anzahl_h3_tags;i++){
  element1 = h3_tags[i].innerHTML;
  verlinkung = "<a name='" + adresse + i + "'>" + element1 + "</a>";
  h3_tags[i].innerHTML = verlinkung;
  ausgabe=ausgabe + "<a href='#" + adresse + i + "'>>></a> " + element1 + "<br />";
 }
document.getElementById("seitennavigation").innerHTML = ausgabe;
</script>

Zweiter Titel der Ordnung h3

Zweiter Abschnitt. Zum nächsten Titel wird nun etwas Abstand eingefügt.

Dritter h3 Titel

Es kommt weiter unten noch ein vierter h3 Titel.

Ende der Seite

Fertig.

Check den Code.

Links wechseln >> << Select Screentext

Ich bin hier: > JavaScript Lehrling >>> Links aus Titeln