Gert Menke: Explorer-Aehnliche Oberfläche in Java?

Ich habe auf der Kakao und Kekse-Homepage etwas gesehen, das ich gerne selber auch machen würde: Sozusagen ein Explorer im Browser. Mit auf- und zuklappen von Verzeichnissen und so. Weiß einer von euch, wie? Oder wo ich sowas (heraus)finden kann?

Danke!

Gert

  1. Hallo Gert!

    »»Sozusagen ein Explorer im Browser. Mit auf- und zuklappen von Verzeichnissen und so. Weiß einer von euch, wie? Oder wo ich sowas (heraus)finden kann?

    Sieh mal weiter unten auf dieser Seite den Thread "Kann so etwas realisiert werden?"
    The Joust Outliner ist ein sehr guter Freeware-Script dafür, etwas schwer anzupassen, je nach Kenntnissen von Java-Script.

    Joust kannst Du downloaden unter:

    http://www.alchemy-computing.co.uk/index.htm?/joust_dload.htm

    Dann habe ich in der Hilfe eines (auch sehr guten) HTML-Editor einen anderen Outliner gesehen, der allerdings ein Java-Applet ist.
    Viel anzupassen ist da nicht, außer in der Datei "tree.txt" und unter PARAM NAME eventuell die Farbe des Applet-Fensters. Die Symbole für Ordner und Dokumente lassen sich aber nicht ändern.

    http://www.imint.com (Alan's Tree Menue)

    Shadowrunner's HTML-Pad gibt es unter:

    http://www.nextweb.net/shadowrunner/htmlpad In der Hilfe ist das Menü eingebaut.

    Und wenn es einfache Baumstruktur sein darf, Stefan Münz hatte damals dieses Menü hier im FOrum gepostet (nur mit MSIE):

    <HTML>
    <HEAD>
    <STYLE TYPE='text/css'>
    <!--
    li.oItem { color:#0000CC; cursor:hand; font-family:Verdana; font-size:9pt; margin-left:-2px; font-weight:bold; line-height:12pt; list-style-image:url(x3.gif) } ;
    li.oParent { color:#CC6600; cursor:hand; font-family:Verdana; font-size:9pt; font-weight:bold; margin-left:-2px;  line-height:12pt; list-style-image:url(x1.gif) } ;
    li.oParopen { color:#CC6600; cursor:hand; font-family:Verdana; font-size:9pt; font-weight:bold; margin-left:-2px;  line-height:12pt; list-style-image:url(x2.gif) } ;
    ul ul { display: none; } ;
    // -->
    </STYLE>

    <SCRIPT LANGUAGE='Javascript'>
    <!--
    // Returns the closest parent tag with tagName containing
    // the src tag. If no such tag is found - null is returned.
    function checkParent( src, tagName ) {
      while ( src != null ) {
       if (src.tagName == tagName)
        return src;
       src = src.parentElement;
      }
      return null;
    }

    // Returns the first tag with tagName contained by
    // the src tag. If no such tag is found - null is returned.
    function checkContent( src, tagName ) {
      var pos = src.sourceIndex ;
      while ( src.contains( document.all[++pos] ) )
       if ( document.all[pos].tagName == tagName )
        return document.all[pos] ;
      return null ;
    }

    // Handle onClick event in the outline box
    function outlineAction() {    
      var src = event.srcElement ;
      var item = checkParent( src, "LI" ) ;
      if(src.className == "oParent") src.className = "oParopen";
      else if(src.className == "oParopen") src.className = "oParent";

    if ( parent != null ) {
       var content = checkContent( item, "UL" ) ;

    if ( content != null )
        if ( content.style.display == "" )
         content.style.display = "block" ;
        else
         content.style.display = "" ;
      }
      event.cancelBubble = true;
    }

    function chg(obj,mode) {    
       event.cancelBubble = true;
          if(mode == 1)
           obj.style.color = "#FFFFFF";
          if(mode == 2)
           obj.style.color = "#FFCC33";
        }

    function Go(to,mode)
    {
    if(mode==1)
      top.location.href=to;
    if(mode==2)
      self.location.href=to;
    }

    // -->
    </SCRIPT>
    </HEAD>
    <BODY BGCOLOR=#FFFFFF TEXT=#000000>

    <DIV id="Outline" style="position:absolute; top:10px; left:5px; width:280px" onClick="JavaScript:outlineAction();">

    <UL>
         <LI class='oParent'>Suchdienste
          <UL>
          <LI class='oItem' onClick="Go('http://www.altavista.digital.com/',2)">Altavista</LI>
          <LI class='oItem' onClick="Go('http://www.crawler.de/',2)">Crawler</LI>
          <LI class='oItem' onClick="Go('http://www.dino-online.de/',2)">DINO Online</LI>
          <LI class='oItem' onClick="Go('http://www.excite.de/',2)">Excite</LI>
          <LI class='oItem' onClick="Go('http://www.infoseek.com/',2)">InfoSeek</LI>
          <LI class='oItem' onClick="Go('http://www.yahoo.de/',2)">Yahoo</LI>
         </LI>
         <LI class='oParent'>Information/Auskunft
          <UL>
          <LI class='oItem' onClick="Go('http://www.teleinfo.de/abfragen/bin/neuabfrage.pl',2)">Telefonauskunft (TeleInfo)</LI>
          <LI class='oItem' onClick="Go('http://www.branchenbuch.com/index.html',2)">Branchenbuch</LI>
          <LI class='oItem' onClick="Go('http://www.iicm.edu/ref.m10/',2)">Meyer's Lexikon</LI>
          <LI class='oItem' onClick="Go('http://db3.telebuch.de/telebuch/de/index.htm',2)">ABC Bücherdienst</LI>
          <LI class='oItem' onClick="Go('http://www.wetteronline.de/',2)">Wetter online (weltweit)</LI>
                <LI class='oItem' onClick="Go('http://bahn.hafas.de/',2)">DB Fahrplanauskunft</LI>
          </UL>
         </LI>
         <LI class='oParent'>Nachrichten und Aktuelles
          <UL>
          <LI class='oItem' onClick="Go('http://www.br-online.de/news/aktuell/',2)">Nachrichtenticker des BR</LI>
          <LI class='oItem' onClick="Go('http://www.yahoo.de/schlagzeilen/',2)">Nachrichtenticker Yahoo</LI>
          <LI class='oItem' onClick="Go('http://videotext.ardzdf.de:9090/telenet/ARD/100/1.html',2)">Videotext ARD</LI>
          <LI class='oItem' onClick="Go('http://www.cs.vu.nl/~gerben/news.html',2)">Daily News</LI>
          <LI class='oItem' onClick="Go('http://www.mathematik.uni-ulm.de/germnews/',2)">German News</LI>
          </UL>
         </LI>
         <LI class='oParent'>Software
          <UL>
          <LI class='oItem' onClick="Go('http://www.winfiles.com/',2)">Winfiles (Shareware)</LI>
          <LI class='oItem' onClick="Go('http://www.shareware.com/',2)">Shareware.com</LI>
          <LI class='oItem' onClick="Go('http://www.filez.com/',2)">Filez (Dateisuche)</LI>
          <LI class='oItem' onClick="Go('http://www.softline.de/',2)">Softline (Versand)</LI>
          </UL>
      </LI>
    </UL>
    </DIV>

    <!-- *************** DHTML Outline (end) ***************** -->

    </BODY>
    </HTML>

    Für den Anfang dürfte es ja reichen!!!!

    Vielleicht kenne andere Forum-Besucher andere Möglichkeiten.
    Ich persönlich halte den Joust Outliner für den besten, auch wenn man erst einmal zeit braucht, um herauszufinden, wo man was wie anpassen kann (trotz guter Erklärungen).

    Bis danndann

    PAF (patrickausfrankfurt)

  2. Ich habe auf der Kakao und Kekse-Homepage etwas gesehen, das ich gerne selber auch machen würde: Sozusagen ein Explorer im Browser. Mit auf- und zuklappen von Verzeichnissen und so. Weiß einer von euch, wie? Oder wo ich sowas (heraus)finden kann?

    Danke!

    Gert

    Hallo Gert,

    Hannes Gamperl hat für eine Zeitung ein gutes Script verraten. Es ist komplett mit Frameset usw. zum download gepackt. Ich weiß jetzt nur ums Verrecken nicht mehr wo. Also habe ich es Dir nochmal unter folgender Adresse ins Netz gelegt:
    http://www.senioren.nu/0998jscx.zip
    Ich finde die Aufzüge so gut daran.
    Gruß Jutta