Lieber Dennis,
Handelt es sich bei diesem Dateibaum um einen statischen oder einen dynamisch generierten? Wenn er dynamisch ist: Hast du zufällig grad noch einen Code-Schnipsel parat, der herrausfindet, welche Grafik vor welche Datei gehört? :->
Der Dateibaum wird per PHP als assoziatives Array eingelesen und als verschachtelte <ul> ausgegeben (siehe unten). Das Array sieht dann z.B. so aus:
$verzeichnisse = array (
"images" => array (
"icons" => array (
"wmp.gif" => "",
"txt.gif" => "",
"default.gif" => "",
),
"logo.gif" => "",
"bild.gif" => "",
),
"download" => array(
"anleitung.pdf" => "",
"animation.avi" => "",
),
);
Das Script sieht so aus:
function explorer_vorbereiten($verzeichnisse, $pfad)
{
$tabs = preg_replace("/[^\/]*(\/)[^\/]*/", "\t", $pfad);
$liste = $tabs."<ul>\r\n";
foreach($verzeichnisse as $stamm => $zweig)
{
$flag = "datei";
if($stamm != "0")
{
if(is_array($zweig))
{
uksort($zweig, "ordner_zuerst");
$flag = "ordner";
$pfad .= $stamm."/";
$liste .= $tabs."\t<li".' class="zu" onclick="aufzu(this)"><img src="icons/folder.gif" alt="icon" />'.$stamm."\r\n";
$liste .= explorer_vorbereiten($zweig, $pfad, $liste);
$pfad = substr($pfad, 0, strlen($pfad) - strlen($stamm)-1);
$liste .= $tabs."\t</li>\r\n";
}
else
{
$typ = substr($stamm, strrpos($stamm, ".")+1);
if(strrpos($stamm, ".") < 1)
{
$liste .= "$tabs\t<li".' class="zu" onclick="aufzu(this)"><img src="icons/folder.gif" alt="icon" />'.$stamm;
$liste .= "\r\n$tabs\t\t<ul>\r\n$tabs\t\t</ul>\r\n$tabs\t</li>";
}
else
{
$filetype = substr($stamm, strrpos($stamm, ".")+1);
$liste .= $tabs."\t<li".' class="file">'.hole_icon($filetype)."$stamm</li>\r\n";
}
}
}
}
$liste .= $tabs."</ul>\r\n";
return $liste;
}
function hole_icon($kuerzel)
{
$icon_datei = "";
$icons = array(
"dir" => 'folder.gif',
"doc" => 'doc.gif',
"rtf" => 'doc.gif',
"dat" => 'dat.gif',
"css" => 'dat.gif',
"default" => 'default.gif',
"gif" => 'img.gif',
"jpg" => 'img.gif',
"jpeg" => 'img.gif',
"png" => 'img.gif',
"htm" => 'htm.gif',
"html" => 'htm.gif',
"inc" => 'inc.gif',
"js" => 'js.gif',
"vbs" => 'js.gif',
"htc" => 'js.gif',
"mov" => 'mov.gif',
"mp3" => 'mp3.gif',
"pdf" => 'pdf.gif',
"php" => 'php.gif',
"ppt" => 'ppt.gif',
"pps" => 'ppt.gif',
"rar" => 'rar.gif',
"txt" => 'txt.gif',
"asf" => 'wmp.gif',
"asx" => 'wmp.gif',
"wma" => 'wmp.gif',
"wmv" => 'wmp.gif',
"avi" => 'wmp.gif',
"mpg" => 'wmp.gif',
"mpeg" => 'wmp.gif',
"xls" => 'xls.gif',
"xml" => 'xml.gif',
"zip" => 'zip.gif',
);
if(array_key_exists($kuerzel, $icons))
{
$icon_datei = $icons[$kuerzel];
}
else
{
$icon_datei = $icons["default"];
}
return '<img src="/html/images/icons/'.$icon_datei.'" alt="icon" />';
}
function ordner_zuerst($key1, $key2)
{
$flag = 0;
if(strrpos($key1, ".")) $flag = $flag + 1;
if(strrpos($key2, ".")) $flag = $flag + 2;
if($flag > 0) return ($flag > 1) ? -1 : 1;
return strcmp($key1, $key2);
}
Möge es Dir helfen. Wenn Du noch die "Faltfunktion" des Baumes möchtest, dann kann ich Dir das komplette admin-script mailen, in welchem auch alle Eventhandler ausgegeben werden, sowie die zugehörigen Javascript-Funktionen enthalten sind. Es gehört nämlich zu der Baumansicht ein CSS dazu, dass erst das richtige "Explorer-Feeling" aufkommen lässt.
Liebe Grüße aus Ellwangen,
Felix Riesterer.