thème spécial

Guerre Ukraine Russie

[1] Générateur automatique Site Maps

[2] liste en fonction statique arborescence des dossiers

Générateur automatique Site Maps

Sitemap Generator automatique [ ] [ ] [ ]

Il arrive souvent que se développe lentement son site, le webmaster devient assez difficile de "garder une trace" de toutes les feuilles de votre site. Le résultat - un utilisateur qui a visité le site, peut longtemps pour trouver l'information dont il a besoin et ne le trouve pas (même si, en fait, il est présent sur le site).

Pour éviter de tels «incidents», généralement sur des sites avec quelques dizaines de pages ou plus, la pratique de l'utilisation des cartes de site - une page spéciale du site, qui (habituellement sous la forme d'un arbre hiérarchique) sont toutes les pages du site. Mais si le site contient plus d'une centaine de pages, puis de maintenir manuellement "opérationnel" site Map chose assez gênant.

script gratuit "générateur de sitemap" est conçu pour créer automatiquement une page sur le site "Plan du site", qui, sous la forme d'un arbre structuré, pages HTML qui sont présents sur le site représenté.

ATTENTION! A ne pas confondre avec un SiteMap, qui est conçu pour les moteurs de recherche afin d'indexer le site!

Téléchargez et décompressez le fichier sur votre ordinateur.

Faites vos paramètres dans le fichier makesitemap.php:

$ Workdir - spécifie le chemin d'accès au disque pour les fichiers du site ( par défaut indexé l'ensemble du site).
$ ExceptionFileList - les noms des fichiers qui ne seront pas indexés et inclus dans l'arborescence de sitemap.
$ ExceptionDirList - les noms de dossiers qui ne seront pas indexés et inclus dans l'arborescence de sitemap.
$ OutFile - nom de fichier et le chemin où le résultat de la génération de cartes de site sera enregistré.
$ HeaderFile - nom de fichier et le chemin, dont le contenu sera ajouté au fichier résultant de l'arbre.
$ FooterFile - nom de fichier et le chemin, dont le contenu sera ajouté au fichier de sortie après l'arbre.

En fait, vous avez seulement besoin d'apporter $ exceptionFileList, dossiers et fichiers $ exceptionDirList qui ne devrait pas être inclus dans le fichier final de sitemap.

Copiez les fichiers dtree.css, dtree.js et diriktoriyu img_sm dans le répertoire où le fichier résultant sera situé sitemap.html.

Makesitemap.php Copiez le fichier à un emplacement.

Pour éviter toute confusion, je vous recommande de télécharger tous les fichiers et répertoires dans le img_sm site racine.

Assurez - vous d'installer un sitemap.html CHMOD de fichier 777 autorisations.

Dans un premier temps , le fichier sitemap.html vide, mais après avoir démarré le script, il a rempli le contenu des fichiers $ headerFile, $ footerFile et l'arbre de répertoire réel.

Pour générer un plan du site pour l' exécution makesitemap.php exécuter un fichier de script (pour ce type dans le chemin de la ligne brazuera au fichier, par exemple: http: //mysite/makesitemap.php).

Le site fichier de la carte résultante sera dans le fichier sitemap.html.

Dans le même temps, il y a les limites suivantes:

Index seulement html pages statiques.
ATTENTION! Pour indexer un dossier, il doit contenir un fichier index.html.

Il semble tout le monde. Utilisez!

Liste statique arborescence de dossiers sur la base

Ceci est une liste basée arborescence des dossiers. Qu'est - ce que vous avez à faire est de créer un <UL> <LI> Liste. Le script va alors créer l'arborescence basée sur cette liste. Le script utilise des cookies pour mémoriser l' état de nœuds. Il comprend également des fonctions d'expansion / effondrement de tous les nœuds. Vous pouvez ajouter et supprimer des nœuds dynamiquement par un clic droit sur les nœuds.

Liste statique dossier basé tre [

] [

]

Configuration:

Construire un arbre

Le menu est basé HTML. Vous créez l'arbre en construisant un imbriqué <UL> <LI> Liste.
exemple:

<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>

Il est par important que vous donnez votre arbre (s) d' un ID. Dans le code ci-dessus, vous verrez que je lui ai donné l'id
dhtmlgoodies_tree Vous devriez remarquer également que l'arbre a besoin BE à la Assigné à la classe CSS
dhtmlgoodies_tree l'exemple:
<ul id="dhtmlgoodies_tree" class="dhtmlgoodies_tree">

configuration Javascript

Vous devez créer une référence à votre arbre (s) par l'utilisation de Javascript. Ceci est réalisé en créant un tableau de l'identificateur (s) de vos arbres. exemple:
var idOfFolderTrees = ['dhtmlgoodies_tree','dhtmlgoodies_tree2']; 'dhtmlgoodies_tree2']; var idOfFolderTrees = ['dhtmlgoodies_tree','dhtmlgoodies_tree2']; Dans la démo, j'ai deux arborescences de dossiers. L'identifiant de la première est
dhtmlgoodies_tree 'tout': seconde jusqu'à mon arbre a le id
dhtmlgoodies_tree2 Vous aurez de la balise <UL> tag trouver l'ID dans le principal. exemple:
<ul id="dhtmlgoodies_tree"> Vous la présente la découverte du tableau ci - dessous le code en haut de la <SCRIPT du type = "text / javascript"> section appelée.

Icônes

L'arbre va utiliser l'icône définie dans la folderImage variables Javascript par défaut. Cependant, vous pouvez la remplacer en déclarant une classe dans votre <LI>. exemple:
<li class="dhtmlgoodies_sheet.gif"> Ici, l'image "dhtmlgoodies_sheet.gif" sera de utilisée soit INSTEAD de l'icône par défaut.

variables JavaScript et fonctions

Vous avez ces variables disponibles dans la partie supérieure de votre section <SCRIPT>:

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 = Un tableau des arbres sur votre page

imagefolder = Chemin vers votre dossier d'images

folderImage = Nom du dossier fichier image

plusImage = Nom du fichier - icône plus

minusImage = Nom du fichier - moins icon

useAjaxToLoadNodesDynamically = Utiliser AJAX pour charger des sous noeuds dynamiquement?

ajaxRequestFile = Nom du fichier côté serveur, à savoir le fichier Ajax envoie des requêtes à

Il y a aussi deux fonctions que vous pouvez appeler pour développer ou réduire tous les nœuds. La fonction "ExpandAll ()" se développe tous les nœuds, tandis que la fonction "CollapseAll ()" effondre tous les nœuds. Envoyer l'ID de l'arbre que vous voulez réduire ou développer comme argument de ces fonctions. Exemples:

expandAll('dhtmlgoodies_tree'); 
 collapseAll('dhtmlgoodies_tree2');

Si vous utilisez AJAX

Si vous utilisez Ajax pour obtenir dynamiquement des nœuds du serveur, vous pouvez suivre cette recette:
Insérez des noeuds dans votre arbre comme ceci:

<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>

Remarquez Le I qui ont créé un <LI> avec un paramètre "parentId". La valeur de ce paramètre est envoyé dans le fichier sur votre serveur (writeNodes.php). Le fichier sur le serveur va alors sortir les nœuds où parent ID = 1. Ce sera renvoyé au script, et le script remplacera le "loading .." <LI> avec le nouveau contenu à partir du serveur.

Le fichier "writeNodes.php" est uniquement en sortie HTML. exemple:

<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>

Look à l' intérieur du fichier writeNodes.php pour plus d' informations. Je ne suis pas en utilisant une base de données dans cette démo. Si vous utilisez une base de données, le fichier writeNodes.php pourrait généralement ressembler à ceci:

<?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>"; 

 } 
 ?>

cookies

Les cookies sont utilisés pour mémoriser l'état des noeuds. Cela signifie que lorsque vous revisitez la page, le script développez les nœuds qui ont été étendus lors de la dernière fois quitté la page.

Ajouter / Supprimer des nœuds dynamiquement

Les nouveaux nœuds peuvent être ajoutés et supprimés dynamiquement à partir d'un menu contextuel. Vous pouvez désactiver cette fonctionnalité en définissant la variable de contextMenuActive JS à false au sommet du dossier-tree-static.js.

Quand un nouveau noeud est ajouté, une fonction appelée saveNewNode () est appelée. Vous trouverez cette fonction dans le dossier-tree-static.js. Vous devez activer la partie ajax de cette fonction (il est dans les commentaires en ce moment). Vous devez également ajouter le support sur votre serveur pour enregistrer de nouveaux nœuds. Quand un noeud est créé une requête est envoyée au fichier défini dans la ajaxRequestFile variable. Les variables envoyées à ce fichier sont:

newNode = Titre du nouveau noeud

parentID = ID de nœud parent

Tout ce que vous avez à faire est d'avoir une requête d'insertion qui insère ce nouveau noeud dans votre base de données.

La même chose vaut aussi pour ce qui se passe lorsque vous supprimez un nœud. Vous devez activer la partie ajax de la fonction deleteNodeOnServer. Cela envoie une requête au serveur sur lequel le noeud à supprimer est défini dans la deleteNodeId variables

Mise à jour de journal

11 Juin 2006 - Ajout du support pour l'ajout et la suppression de noeuds dynamiquement

Vous aimez? Abonnez - vous à RSS nouvelles!
Vous pouvez également soutenir shram.kiev.ua, cliquez sur:

Ne soyez pas mal à vos amis et trouver cette information, partager avec eux l'article!

Développer / Réduire

Commentaires

Commentant, gardez à l' esprit que le contenu et le ton de vos messages peuvent blesser les sentiments des gens réels, montrer du respect et de la tolérance à ses interlocuteurs, même si vous ne partagez pas leur avis, votre comportement en termes de liberté d'expression et de l' anonymat offert par Internet, est en train de changer non seulement virtuel, mais dans le monde réel. Tous les commentaires sont cachés à l'index, le contrôle anti - spam.

Gratuit Carte de crédit avec une limite de 15.000 USD.