This page has been robot translated, sorry for typos if any. Original content here.



  • [1] Automatischer Site Map Generator
  • [2] Ordnerbasierte Struktur auf statischer Liste


  • Automatischer Site Map Generator



    Automatischer Site Map Generator



    Automatischer Site Map Generator [ Automatischer Site Map Generator ] [ Automatischer Site Map Generator ] [ Automatischer Site Map Generator ]

    Es kommt oft vor, dass das langsame Entwickeln einer Website für einen Webmaster sehr schwierig wird, alle Seiten seiner Website zu "verfolgen". Infolgedessen kann ein Benutzer, der die Site besucht, möglicherweise lange nach Informationen suchen, die er benötigt, oder sie gar nicht finden (obwohl sie tatsächlich auf der Site vorhanden ist).


    Um solche "Vorfälle" zu vermeiden, wird in der Regel auf Websites mit mehreren Dutzend Seiten oder mehr die Verwendung der Sitemap geübt - eine spezielle Seite der Site, auf der (in der Regel in Form eines hierarchischen Baums) alle Seiten der Site dargestellt werden. Wenn die Site jedoch mehr als hundert Seiten enthält, ist das manuelle Pflegen der Site-Map "in work condition" ziemlich mühsam.


    Das kostenlose Skript "Site Map Generator" erstellt auf der Site automatisch eine Seite "Site Map", auf der in Form eines strukturierten Baums HTML-Seiten angezeigt werden, die auf der Site vorhanden sind.


    ACHTUNG! Nicht zu verwechseln mit SiteMap, die für Suchmaschinen zur Indexierung der Site gedacht ist!


    Laden Sie das Archiv herunter und entpacken Sie es auf Ihrem Computer.


    Nehmen Sie Ihre Einstellungen in den Dateien siteite.php vor :

    • $ workDir - Gibt den Pfad auf der Festplatte zu den Site-Dateien an (standardmäßig wird die gesamte Site indiziert).
    • $ exceptionFileList - Namen von Dateien, die nicht indiziert und in die Site-Map-Struktur aufgenommen werden.
    • $ exceptionDirList - Namen von Ordnern, die nicht indiziert und in die Site-Map-Struktur aufgenommen werden.
    • $ outFile - Der Dateiname und der Pfad, in dem das Ergebnis der Erstellung der Sitemap gespeichert wird.
    • $ headerFile ist der Dateiname und der Pfad dazu, dessen Inhalt der resultierenden Datei vor dem Baum hinzugefügt wird.
    • $ footerFile - Der Dateiname und der Pfad dazu, dessen Inhalt nach dem Baum der resultierenden Datei hinzugefügt wird.


    Sie müssen lediglich Ordner und Dateien zu $ exceptionFileList, $ exceptionDirList hinzufügen, die nicht in der endgültigen Sitemap-Datei enthalten sein sollten.


    Kopieren Sie die Dateien dtree.css, dtree.js und das Verzeichnis img_sm in das Verzeichnis, in dem sich die resultierende sitemap.html befindet.


    Kopieren Sie die Datei makesitemap.php an eine beliebige Stelle.


    Um nicht verwirrt zu sein, empfehle ich, alle Dateien und das Verzeichnis img_sm in das Stammverzeichnis der Site hochzuladen.


    Stellen Sie sicher, dass Sie die CHMOD 777- Berechtigungen für die sitemap.html- Datei installieren.


    Anfangs ist die sitemap.html- Datei leer, aber nach dem Starten des Skripts wird der Inhalt der Dateien $ headerFile, $ footerFile und der Verzeichnisstruktur selbst gefüllt.


    Starten Sie zum Erstellen einer Sitemap die Skriptdatei "makeitemap.php" (geben Sie dazu den Pfad zu dieser Datei in die Zeichenfolge des Browsers ein, z. B. http: //mysite/makesitemap.php ).


    Die resultierende Sitemap-Datei befindet sich in sitemap.html .


    Es gibt folgende Einschränkungen:

    • Nur statische HTML-Seiten werden indiziert.
    • ACHTUNG! Damit ein Ordner indiziert werden kann, muss er die Datei index.html enthalten.


    Es scheint alles zu sein. Verwenden! :)






    Statischer, auf Listen basierender Ordnerbaum

    Dies ist eine auf Listen basierende Ordnerstruktur. <UL> <LI> Liste. Das Skript erstellt dann den Baum basierend auf dieser Liste. Das Skript verwendet Cookies, um sich an den Zustand der Knoten zu erinnern. Es enthält auch Funktionen zum Erweitern / Minimieren aller Knoten. Sie können Knoten hinzufügen und löschen.

    Statischer listbasierter Ordner tre [ Statischer listbasierter Ordner tre ] [ Statischer listbasierter Ordner tre ] [ Statischer listbasierter Ordner tre ]

    Konfiguration:

    Einen Baum bauen

    Das Menü ist HTML-basiert. Sie können eine Liste der <UL> <LI> -Liste erstellen.
    Beispiel:

    <ul id="dhtmlgoodies_tree" class="dhtmlgoodies_tree">
    <li><a href="#">Main item</a>
    <ul>
    <li><a href="#">Sub menu item</a>
    <ul>
    <li><a href="#">Sub menu item</a>
    <ul>
    <li class="dhtmlgoodies_sheet.gif"><a href="#">Sub menu item</a></li>
    <li class="dhtmlgoodies_sheet.gif"><a href="#">Sub menu item</a></li>
    <li class="dhtmlgoodies_sheet.gif"><a href="#">Sub menu item</a></li>
    <li class="dhtmlgoodies_sheet.gif"><a href="#">Sub menu item</a></li>
    </ul>
    </li>
    <li class="dhtmlgoodies_sheet.gif"><a href="#">Sub menu item</a></li>
    <li class="dhtmlgoodies_sheet.gif"><a href="#">Sub menu item</a></li>
    <li class="dhtmlgoodies_sheet.gif"><a href="#">Sub menu item</a></li>
    <li class="dhtmlgoodies_sheet.gif"><a href="#">Sub menu item</a></li>
    </ul>
    </li>
    <li><a href="#">Sub menu item</a>
    <ul>
    <li><a href="#">Sub menu item</a></li>
    <li><a href="#">Sub menu item</a></li>
    <li><a href="#">Sub menu item</a></li>
    <li><a href="#">Sub menu item</a></li>
    </ul>
    </li>
    <li><a href="#">Sub menu item</a></li>
    <li><a href="#">Sub menu item</a></li>
    <li><a href="#">Sub menu item</a></li>
    </ul>
    </li>
    <li><a href="#">Main item</a></li>
    <li><a href="#">Main item</a>
    <ul>
    <li><a href="#">Sub menu item</a></li>
    <li><a href="#">Sub menu item</a></li>
    </ul>
    </li>
    <li><a href="#">Main item</a>
    <ul>
    <li class="dhtmlgoodies_sheet.gif"><a href="#">Sub menu item</a></li>
    <li><a href="#">Sub menu item</a></li>
    <li class="dhtmlgoodies_sheet.gif"><a href="#">Sub menu item</a></li>
    <li><a href="#">Sub menu item</a></li>
    </ul>
    </li>
    </ul>
    <ul id="dhtmlgoodies_tree" class="dhtmlgoodies_tree">
    <li><a href="#">Main item</a>
    <ul>
    <li><a href="#">Sub menu item</a>
    <ul>
    <li><a href="#">Sub menu item</a>
    <ul>
    <li class="dhtmlgoodies_sheet.gif"><a href="#">Sub menu item</a></li>
    <li class="dhtmlgoodies_sheet.gif"><a href="#">Sub menu item</a></li>
    <li class="dhtmlgoodies_sheet.gif"><a href="#">Sub menu item</a></li>
    <li class="dhtmlgoodies_sheet.gif"><a href="#">Sub menu item</a></li>
    </ul>
    </li>
    <li class="dhtmlgoodies_sheet.gif"><a href="#">Sub menu item</a></li>
    <li class="dhtmlgoodies_sheet.gif"><a href="#">Sub menu item</a></li>
    <li class="dhtmlgoodies_sheet.gif"><a href="#">Sub menu item</a></li>
    <li class="dhtmlgoodies_sheet.gif"><a href="#">Sub menu item</a></li>
    </ul>
    </li>
    <li><a href="#">Sub menu item</a>
    <ul>
    <li><a href="#">Sub menu item</a></li>
    <li><a href="#">Sub menu item</a></li>
    <li><a href="#">Sub menu item</a></li>
    <li><a href="#">Sub menu item</a></li>
    </ul>
    </li>
    <li><a href="#">Sub menu item</a></li>
    <li><a href="#">Sub menu item</a></li>
    <li><a href="#">Sub menu item</a></li>
    </ul>
    </li>
    <li><a href="#">Main item</a></li>
    <li><a href="#">Main item</a>
    <ul>
    <li><a href="#">Sub menu item</a></li>
    <li><a href="#">Sub menu item</a></li>
    </ul>
    </li>
    <li><a href="#">Main item</a>
    <ul>
    <li class="dhtmlgoodies_sheet.gif"><a href="#">Sub menu item</a></li>
    <li><a href="#">Sub menu item</a></li>
    <li class="dhtmlgoodies_sheet.gif"><a href="#">Sub menu item</a></li>
    <li><a href="#">Sub menu item</a></li>
    </ul>
    </li>
    </ul>
    Ihre ID ist. Im obigen Code sehen Sie das
    dhtmlgoodies_tree der der CSS-Klasse zugewiesen ist
    dhtmlgoodies_tree Beispiel:
    <ul id="dhtmlgoodies_tree" class="dhtmlgoodies_tree">

    Javascript-Konfiguration

    Sie müssen Ihr Javascript verwenden. Dazu erstellen Sie ein Array Ihrer IDs Ihrer Bäume. Beispiel:
    var idOfFolderTrees = ['dhtmlgoodies_tree','dhtmlgoodies_tree2']; In der Demo habe ich zwei Ordnerbäume. Die ID des ersten ist
    dhtmlgoodies_tree während mein zweiter Baum die ID bekam
    dhtmlgoodies_tree2 Sie finden die ID im <UL> -Tag. Beispiel:
    <ul id="dhtmlgoodies_tree"> Sie finden diesen Abschnitt des Abschnitts <SCRIPT type = "text / javascript">.

    Icons

    Die Javascript-Variable folderImage als Standardeinstellung. Möglicherweise müssen Sie jedoch entschlüsseln, indem Sie eine Klasse in Ihrem <LI> deklarieren. Beispiel:
    <li class="dhtmlgoodies_sheet.gif"> Hier wird das Bild "dhtmlgoodies_sheet.gif" anstelle des Standardsymbols verwendet.

    Javascript-Variablen und -Funktionen

    Diese Variablen stehen oben in Ihrem Abschnitt <SCRIPT> zur Verfügung:
    var idOfFolderTrees = ['dhtmlgoodies_tree','dhtmlgoodies_tree2']; var imageFolder = 'images/'; // Path to images
    var folderImage = 'dhtmlgoodies_folder.gif'; // Default folder image
    var plusImage = 'dhtmlgoodies_plus.gif'; // [+] icon
    var minusImage = 'dhtmlgoodies_minus.gif'; // [-] icon
    var useAjaxToLoadNodesDynamically = true;
    var ajaxRequestFile = 'writeNodes.php';
  • idOfFolderTrees = Ein Array Ihrer Bäume
  • imageFolder = Pfad zu Ihrem Bildordner
  • folderImage = Name der Ordnerbilddatei
  • plusImage = Dateiname - Pluszeichen
  • minusImage = Name der Datei - Minuszeichen
  • useAjaxToLoadNodesDynamically = AJAX zum dynamischen Laden von Unterknoten verwenden?
  • ajaxRequestFile = Name des Servers
  • Sie können auch alle Knoten aufrufen oder erweitern. Die Funktion "expandAll ()" erweitert alle Knoten, während die Funktion "collapseAll ()" alle Knoten reduziert. Wenn du zusammenbrechen möchtest Beispiele:
    expandAll('dhtmlgoodies_tree');
    collapseAll('dhtmlgoodies_tree2');

    Wenn Sie AJAX verwenden

    Wenn Sie die Knoten dynamisch vom Server abrufen, können Sie diesem Rezept folgen:
    Fügen Sie wie folgt Knoten in Ihren Baum ein:
    <li><a href="#">Europe</a>
    <ul>
    <li parentId="1"><a href="#">Loading...</a></li>
    </ul>
    </li>
    <li><a href="#">Europe</a>
    <ul>
    <li parentId="1"><a href="#">Loading...</a></li>
    </ul>
    </li>
    Beachten Sie, dass ich ein <LI> mit einem Parameter "parentId" erstellt habe. Der Wert dieses Parameters wird an Ihren Server gesendet (writeNodes.php). In diesem Fall wird Ihre ID an das Skript gesendet.

    Die Datei "writeNodes.php" gibt nur reinen HTML-Code aus. Beispiel:

    <li class="dhtmlgoodies_sheet.gif"><a href="#">Bergen</a></li>
    <li class="dhtmlgoodies_sheet.gif"><a href="#">Stavanger</a></li>
    <li class="dhtmlgoodies_sheet.gif"><a href="#">Trondheim</a></li>
    <li class="dhtmlgoodies_sheet.gif"><a href="#">Oslo</a></li>
    <li class="dhtmlgoodies_sheet.gif"><a href="#">Bergen</a></li>
    <li class="dhtmlgoodies_sheet.gif"><a href="#">Stavanger</a></li>
    <li class="dhtmlgoodies_sheet.gif"><a href="#">Trondheim</a></li>
    <li class="dhtmlgoodies_sheet.gif"><a href="#">Oslo</a></li>
    Weitere Informationen finden Sie in der Datei writeNodes.php. Ich verwende keine Datenbank in dieser Demo. Wenn Sie eine Datenbank verwenden, könnten Sie so aussehen:

    <?php
    if(isset($_GET['parentId'])){

    $res = mysql_query("select * from category where parentId='".$_GET['parentId']."'");
    while($inf = mysql_fetch_array($res)){
    echo "<li><a href=\"#\">".$inf["categoryName"]."</a>";

    $resSub = mysql_query("select ID from category where parentId='".$inf["ID"]."'");
    if($infSub = mysql_fetch_array($resSub)){
    echo "<ul><li parentId=\"".$inf["ID"]."\"><a href=\"#\">Loading...</a></li></ul>";
    }

    echo "</li>";

    }
    ?>

    Kekse

    Cookies werden verwendet, um den Status der Knoten zu speichern. Das Skript erweitert die Knoten.

    Knoten dynamisch hinzufügen / löschen

    Neue Knoten können über ein Kontextmenü dynamisch hinzugefügt und gelöscht werden. Sie können contextMenuActive über die Datei tree-static.js deaktivieren.

    Wenn ein neuer Knoten hinzugefügt wird, wird eine Funktion namens saveNewNode () aufgerufen. Diese Funktion finden Sie im Ordner tree-static.js. Sie müssen den Ajax-Teil dieser Funktion aktivieren. Sie müssen auch neue Knoten hinzufügen. Die AjaxRequestFile. An diese Datei gesendete Variablen sind:

  • newNode = Titel des neuen Knotens
  • parentID = ID des übergeordneten Knotens
  • Eine Einfügeabfrage, die Ihrer Datenbank hinzugefügt wurde.

    Gleiches gilt auch für das Löschen eines Knotens. Sie müssen den Ajax-Teil der Funktion deleteNodeOnServer aktivieren. Dadurch wird eine Anfrage an den Server gesendet.

    Log aktualisieren

    11. Juni 2006 - Unterstützung für das dynamische Löschen von Knoten wurde hinzugefügt