addAppend("lwAjaxTree_node_" . $ID, "innerHTML", $subtree); $xajaxResponse->addAssign("lwAjaxTree_plus_" . $ID, "style.display", "none"); $xajaxResponse->addAssign("lwAjaxTree_minus_" . $ID,"style.display", "inline"); return $xajaxResponse->getXML(); } function zuklappen($ID) { $xajaxResponse = new xajaxResponse(); $xajaxResponse->addRemove("lwAjaxTree_subtree_" . $ID); $xajaxResponse->addAssign("lwAjaxTree_plus_" . $ID, "style.display", "inline"); $xajaxResponse->addAssign("lwAjaxTree_minus_" . $ID,"style.display", "none"); return $xajaxResponse->getXML(); } $xajax->registerFunction("zuklappen"); $xajax->registerFunction("aufklappen"); $xajax->processRequests(); ?> Ajaxbuch.de printJavascript('/code/lib/'); ?>

lwAjaxTree (Xajax-Version)

Diese Seite demonstriert unseren lwAjaxTree. lwAjaxTree ist ein Baummenü, wie man es schon länger als reine Javascript-Lösung kennt. Im Gegensatz zu einer Javascript-Implementierung arbeitet lwAjaxTree ohne die vollständigen Menüdaten in den Browser zu laden. Zum Ausprobieren klicken Sie bitte auf das Plus-Zeichen im folgenden Beispiel.

Verzeichnis unabhängiger Staaten:

Diese Implementierung arbeitet mit Xajax. Zur Installation benötigen Sie neben Xajax unser PHP-Script, einen Baum mit Ihren Daten in der vorgegebenen Struktur und lwAjaxTree.xslt zur Transformation der XML-Baumdaten in HTML. Des Weiteren mag lwAjaxTree.css als Vorlage für eigene Formatierungen des Menüs nützlich sein.

Hinweis für IE-Nutzer: Das Baum-Menü funktioniert einwandfrei mit dem IE. Leider ist der IE 6 miserabel in der CSS-Behandlung. Deshalb könnten Sie Probleme haben, die Links zum Aufklappen mit der Maus zu finden. Zwei Tips: Laden Sie das Beispiel herunter und probieren Sie es ohne unser CSS oder installieren Sie für diese Seite Firefox oder Mozilla. Sie sind kostenlos und vermeiden viel Ärger.