Erstellung von HTML Inhaltsverzeichnis (solved) (Allgemeines zu Perl)

[thread]18117[/thread]

Erstellung von HTML Inhaltsverzeichnis [solved]

Tags: perl5 HTML anker Inhaltsverzeichnis Similar Threads

Readers: 18

Articles: hide open all | hide show old branches

+6 replies
Lebewesen

2013-02-06 10:52

User since
2011-09-09
62 articles
BenutzerIn

Hallo,

mein Problem, ich habe eine große Anzahl von HTML Dateien die mit <h1-h3> ausgezeichnet sind. Da jede Seite recht lang ist, sollen diese jetzt ein Inhaltsverzeichnis bekommen.

Mein Ansatzt währe die HTML Dateien Zeilenweise abzuarbeiten, und zu den Überschriften id's hinzufügen. Die Überschrift und die ID würde ich mir dann in einer Tabelle merken und wenn ich die Datei fertig abgearbeitet habe, die Liste oben anfügen.

Allerdings denke ich nicht, dass das die beste/sauberste Lösung ist. Vielleicht weiß jemand ja einen besseren Ansatz. Ich sehe gerade den Wald vor lauter Bäumen nicht...

Vielen Dank,
Bastian
- +4 replies
- Muffi
  
  2013-02-06 10:57
  
  User since
  2012-07-18
  1465 articles
  BenutzerIn
  
  Klingt doch gut.
  
  [EDIT] Wenn man mag kann mans auch mit JS-Voodoo lösen, dann reichts in die HTML-Datei ein Skript einzubinden und man muss nix umschreiben.
  Last edited: 2013-02-06 10:59:22 +0100 (CET)
  1 + 1 = 10
  - +3 replies
  - Lebewesen
    
    2013-02-06 11:04
    
    User since
    2011-09-09
    62 articles
    BenutzerIn
    
    2013-02-06T09:57:39 Muffi
    [EDIT] Wenn man mag kann mans auch mit JS-Voodoo lösen, dann reichts in die HTML-Datei ein Skript einzubinden und man muss nix umschreiben.
    
    Das hört sich noch besser an, dann muss ich einfach nur mit meinem Script den JS Code in die Dateien schreiben. Dann kann ich weniger kaputt machen, allerdings hat mich die Suche nach JS-Voodoo nicht weitergebracht. Kannst du mir bitte einen Link oder den Code geben?
    
    Danke,
    Bastian
    - +2 replies
    - Muffi
      
      2013-02-06 11:15
      
      User since
      2012-07-18
      1465 articles
      BenutzerIn
      
      http://de.wikipedia.org/wiki/Voodoo
      
      Scherz beiseite: Ich bin nicht der große JS-Magier, aber ich würd auf jeden Fall to ein Toolkit benutzen. Mir gefällt jquery recht gut.
      
      Das würd dann irgendwas in der Art werden (frei aus der Hüfte):
      
      Code (javascript): (dl )
      
      1 2 3 4 5 6
      
      $(document).ready({ $('body').prepend('<div id="inhaltsverzeichnis"></div>'); $('h1').each({ $('#inhaltsverzeichnis').append('<li>' + $(this).text() + '</li>'); }); });
      
      Last edited: 2013-02-06 11:16:48 +0100 (CET)
      1 + 1 = 10
      - Lebewesen
        
        2013-02-06 11:19
        
        User since
        2011-09-09
        62 articles
        BenutzerIn
        
        Sorry - war wirklich etwas auf dem Schlauch gestanden ;) haben den Witz absolut nicht verstanden ;)
        Habe jetzt aber was gefunden.
        http://www.kryogenix.org/code/browser/generated-to...
        
        Danke für den Hinweis auf JS!
- hlubenow
  
  2013-02-06 20:28
  User since
  2009-02-22
  875 articles
  BenutzerIn
  Ein JavaScript-Inhaltsverzeichnis ist sicher keine schlechte Idee. Allerdings schalte ich JavaScript beim Surfen immer aus und kann das dann als Besucher also nicht sehen.
  Ich hatte das mal für mich von Hand geschrieben, allerdings in Python und auch nur für eine einzige Überschriftenebene. War etwas komplizierter, als ich zunächst gedacht hatte. Aber eine ganz interessante Programmieraufgabe (wenn man die Zeit dazu hat).
  Bei mir sah der Ablauf dann so aus:
  
  Code: (dl )
  
  1 2 3 4 5 6 7 8
  
  # Getting range of "Contents" # Extracting old contents from "Contents"-range # Deleting "Contents"-range # Getting new contents from headlines # Composing new "Contents"-range # Inserting "Contents"-range # Rewriting headlines # Updating internal links
  
  Der Witz daran war, ich konnte einfach einen neuen Abschnitt in der html-Seite einfügen (wie gesagt, alles nur auf einer Ebene), dann das Skript über die html-Seite laufen lassen, und die Nummerierungen der Abschnitte und das Inhaltsverzeichnis waren in der Seite aktualisiert (das Ergebnis habe ich sicherheitshalber nicht in die Ausgangsdatei, sondern in eine Ergebnisdatei geschrieben). Innerhalb des Texts in den Abschnitten hatte ich manchmal auch auf andere Abschnitte verlinkt. Das Skript konnte auch diese Links mit aktualisieren ("Updating internal links").
  Na ja, bei Dir ist die Ausgangslage und das, was Du tun möchtest, bestimmt etwas anders.

View all threads created 2013-02-06 10:52.