added JavaScript for folder tree view

git-svn-id: https://svn.berlios.de/svnroot/repos/yacy/trunk@4355 6c8d7289-2bf4-0310-a012-ef5d649a1542

htroot/js/Bookmarks.js

@@ -27,3 +27,122 @@ function loadTitle(){
 		sndReq('/xml/util/getpageinfo_p.xml?actions=title&url='+url);
 	}
 }
+
+/* Menüs mit aufklappbare Baumstruktur 
+ * Autor: Daniel Thoma
+ * URL: http://aktuell.de.selfhtml.org/artikel/dhtml/treemenu/
+ * eMail: dthoma@gmx.net
+ */ 
+
+/* 
+ * Fügt den Listeneinträgen Eventhandler und CSS Klassen hinzu,
+ * um die Menüpunkte am Anfang zu schließen.
+ * 
+ * menu: Referenz auf die Liste.
+ * data: String, der die Nummern aufgeklappter Menüpunkte enthält.
+ */
+  function treeMenu_init(menu, data) {
+    var array = new Array(0);
+    if(data != null && data != "") {
+      array = data.match(/\d+/g);
+    }
+    var items = menu.getElementsByTagName("li");
+    for(var i = 0; i < items.length; i++) {
+      items[i].onclick = treeMenu_handleClick;
+      if(!treeMenu_contains(treeMenu_getClasses(items[i]), "treeMenu_opened")
+          && items[i].getElementsByTagName("ul").length
+            + items[i].getElementsByTagName("ol").length > 0) {
+        var classes = treeMenu_getClasses(items[i]);
+        if(array.length > 0 && array[0] == i) {
+          classes.push("treeMenu_opened")
+        }
+        else {
+          classes.push("treeMenu_closed")
+        }
+        items[i].className = classes.join(" ");
+        if(array.length > 0 && array[0] == i) {
+          array.shift();
+        }
+      }
+    }
+  }
+  
+/*
+ * Ändert die Klasse eines angeclickten Listenelements, sodass
+ * geöffnete Menüpunkte geschlossen und geschlossene geöffnet
+ * werden.
+ *
+ * event: Das Event Objekt, dass der Browser übergibt.
+ */
+  function treeMenu_handleClick(event) {
+    if(event == null) { //Workaround für die fehlenden DOM Eigenschaften im IE
+      event = window.event;
+      event.currentTarget = event.srcElement;
+      while(event.currentTarget.nodeName.toLowerCase() != "li") {
+        event.currentTarget = event.currentTarget.parentNode;
+      }
+      event.cancelBubble = true;
+    }
+    else {
+      event.stopPropagation();
+    }
+    var array = treeMenu_getClasses(event.currentTarget);
+    for(var i = 0; i < array.length; i++) {
+      if(array[i] == "treeMenu_closed") {
+        array[i] = "treeMenu_opened";
+      }
+      else if(array[i] == "treeMenu_opened") {
+        array[i] = "treeMenu_closed"
+      }
+    }
+    event.currentTarget.className = array.join(" ");
+  }
+  
+/*
+ * Gibt alle Klassen zurück, die einem HTML-Element zugeordnet sind.
+ * 
+ * element: Das HTML-Element
+ * return: Die zugeordneten Klassen.
+ */
+  function treeMenu_getClasses(element) {
+    if(element.className) {
+      return element.className.match(/[^ \t\n\r]+/g);
+    }
+    else {
+      return new Array(0);
+    }
+  }
+  
+/*
+ * Überprüft, ob ein Array ein bestimmtes Element enthält.
+ * 
+ * array: Das Array
+ * element: Das Element
+ * return: true, wenn das Array das Element enthält.
+ */
+  function treeMenu_contains(array, element) {
+    for(var i = 0; i < array.length; i++) {
+      if(array[i] == element) {
+        return true;
+      }
+    }
+    return false;
+  }
+  
+/*
+ * Gibt einen String zurück, indem die Nummern aller geöffneten
+ * Menüpunkte stehen. 
+ *
+ * menu: Referenz auf die Liste
+ * return: Der String
+ */
+  function treeMenu_store(menu) {
+    var result = new Array();;
+    var items = menu.getElementsByTagName("li");
+    for(var i = 0; i < items.length; i++) {
+      if(treeMenu_contains(treeMenu_getClasses(items[i]), "treeMenu_opened")) {
+        result.push(i);
+      }
+    }
+    return result.join(" ");
+  }