HTML:
Update
Autoupdate
HTML-OUT:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Text Baum zur hierarchisch strukturierte Liste miz Java Script</title> </head> <body> <table> <tr> <td> <!-- Hier befindet sich das Textfeld, das den eingerückten Textbaum enthält --> <textarea id="Textarea1" rows="25" cols="30"> Datei Drucken ---------- Breite 10 20 30 Benden Bearbeiten Rückgängig Wiederherstellen ---------- Suchen Ersetzen In Dateien Suchen Ansicht Extras Info </textarea> </td> <td> <!-- Hier wird das Ergebnis der Analyse des Textbaums angezeigt --> <div style="width:500px;" id="outputList2"></div> </td> </tr> </table> <script type="text/javascript"> var textarea = document.getElementById('Textarea1'); var text = textarea.value; var ident_def = " "; // Funktion, die den Textbaum analysiert und in eine hierarchisch strukturierte Liste umwandelt function TextTreeToUL(text) { var i = 0; var t = ""; var lines = text.split('\n'); // Funktion zur Verarbeitung von Teilbäumen SubTree(i, lines, ""); // Rekursive Funktion zur Verarbeitung von Teilbäumen function SubTree(i, lines, ident) { t += "<ul>"; while (i < lines.length) { t += "<li>" + lines[i] + "</li>\n"; i++; line = lines[i]; if (!line) break; if (line.indexOf(ident) !== 0) break; // Überprüfen, ob die nächste Zeile eine Unterstruktur hat und rekursiv verarbeiten var line = lines[i]; if (line.indexOf(ident + ident_def) === 0) { i = SubTree(i, lines, ident + ident_def); } line = lines[i]; if (line.indexOf(ident) !== 0) { i--; break; } } t += "</ul>" return i; } return t; } // Das Ergebnis der Analyse wird in das entsprechende div-Element geschrieben outputList2.innerHTML = TextTreeToUL(text); </script> </body> </html>
---