jQuery file tree probleem

woensdag 10 maart 2010 07:44

Acties:

0 Henk 'm!

Topicstarter

Inleiding
Ik heb een standaard jQuery file tree gepakt van internet voor mijn dev subdomein, natuurlijk is deze post niet om te laten zien hoe mooi dat werkt, ik krijg het script niet doen wat het zou moeten doen.

Ik heb zelf niet héél veel ervaring met jQuery maar ik snap wel wat er staat, jquery.js is de standaard jQuery (v1.4) file maar dat lijkt mij wel duidelijk.

De code

HTML: index.html

<html>
<head>
        <script src="jquery.js" type="text/javascript"></script> 
        <script src="jqueryFileTree.js" type="text/javascript"></script> 

        <script type="text/javascript"> 
            
            $(document).ready( function() {
                
                $('#fileTreeDemo_1').fileTree({ root: 'demo/', script: 'jqueryFileTree.php' }, function(file) { 
                    alert(file);
                });
        </script> 
</head>
<body> 
            <h2>File Tree</h2> 
            <div id="fileTreeDemo_1" class="demo"></div> 
        </div> 
</body>
</html>

JavaScript: jqueryFileTree.js

if(jQuery) (function($){
    
    $.extend($.fn, {
        fileTree: function(o, h) {
            // Defaults
            if( !o ) var o = {};
            if( o.root == undefined ) o.root = '/';
            if( o.script == undefined ) o.script = 'jqueryFileTree.php';
            if( o.folderEvent == undefined ) o.folderEvent = 'click';
            if( o.expandSpeed == undefined ) o.expandSpeed= 500;
            if( o.collapseSpeed == undefined ) o.collapseSpeed= 500;
            if( o.expandEasing == undefined ) o.expandEasing = null;
            if( o.collapseEasing == undefined ) o.collapseEasing = null;
            if( o.multiFolder == undefined ) o.multiFolder = true;
            if( o.loadMessage == undefined ) o.loadMessage = 'Loading...';
            
            $(this).each( function() {
                
                function showTree(c, t) {
                    $(c).addClass('wait');
                    $(".jqueryFileTree.start").remove();
                    $.post(o.script, { dir: t }, function(data) {
                        $(c).find('.start').html('');
                        $(c).removeClass('wait').append(data);
                        if( o.root == t ) $(c).find('UL:hidden').show(); else $(c).find('UL:hidden').slideDown({ duration: o.expandSpeed, easing: o.expandEasing });
                        bindTree(c);
                    });
                }
                
                function bindTree(t) {
                    $(t).find('LI A').bind(o.folderEvent, function() {
                        if( $(this).parent().hasClass('directory') ) {
                            if( $(this).parent().hasClass('collapsed') ) {
                                // Expand
                                if( !o.multiFolder ) {
                                    $(this).parent().parent().find('UL').slideUp({ duration: o.collapseSpeed, easing: o.collapseEasing });
                                    $(this).parent().parent().find('LI.directory').removeClass('expanded').addClass('collapsed');
                                }
                                $(this).parent().find('UL').remove(); // cleanup
                                showTree( $(this).parent(), escape($(this).attr('rel').match( /.*\// )) );
                                $(this).parent().removeClass('collapsed').addClass('expanded');
                            } else {
                                // Collapse
                                $(this).parent().find('UL').slideUp({ duration: o.collapseSpeed, easing: o.collapseEasing });
                                $(this).parent().removeClass('expanded').addClass('collapsed');
                            }
                        } else {
                            h($(this).attr('rel'));
                        }
                        return false;
                    });
                    // Prevent A from triggering the # on non-click events
                    if( o.folderEvent.toLowerCase != 'click' ) $(t).find('LI A').bind('click', function() { return false; });
                }
                // Loading message
                $(this).html('<ul class="jqueryFileTree start"><li class="wait">' + o.loadMessage + '<li></ul>');
                // Get the initial file list
                showTree( $(this), escape(o.root) );
            });
        }
    });
    
})(jQuery);

Ik heb al support gevraagd van de maker, maar die reageert niet op mijn mail en facebook berichten, hopelijk kan 1 van jullie mij helpen!

Alvast bedankt. $_/-\o_$

Probeer ook eens deze link voordat je iets post.

woensdag 10 maart 2010 07:48

Acties:

0 Henk 'm!

Manuel

Zo werkt het niet op GoT, we verwachten ook inzet van jezelf. Als het pakket van iemand anders is lijkt me het logisch om daar support te vragen en niet hier.

woensdag 10 maart 2010 09:01

Acties:

0 Henk 'm!

Lewt

Topicstarter

Manuel schreef op woensdag 10 maart 2010 @ 07:48:
Zo werkt het niet op GoT, we verwachten ook inzet van jezelf. Als het pakket van iemand anders is lijkt me het logisch om daar support te vragen en niet hier.

Ik heb al support gevraagd bij de maker, maar die reageert niet op mijn mailtje, ik heb er zelf nog een tijdje mee zitten puzzelen. Dus ik dacht misschien kan een mede tweaker mij helpen

Probeer ook eens deze link voordat je iets post.

woensdag 10 maart 2010 09:11

Acties:

0 Henk 'm!

HuHu

Bestaat jqueryFileTree.php ook?

woensdag 10 maart 2010 10:00

Acties:

0 Henk 'm!

Lewt

Topicstarter

HuHu schreef op woensdag 10 maart 2010 @ 09:11:
Bestaat jqueryFileTree.php ook?

Nee dit bestand bestaat niet.
waarvoor/waarom verwachte je dit bestand?

Probeer ook eens deze link voordat je iets post.

woensdag 10 maart 2010 10:03

Acties:

0 Henk 'm!

Bosmonster

*zucht*

Jquery

Lewt schreef op woensdag 10 maart 2010 @ 10:00:
[...]

Nee dit bestand bestaat niet.
waarvoor/waarom verwachte je dit bestand?

JavaScript:

1	script: 'jqueryFileTree.php'

Omdat daar naar gepost wordt

Je noemt hem notabene expliciet in je aanroep... Wat dacht je zelf dat dat deed?

[ Voor 18% gewijzigd door Bosmonster op 10-03-2010 10:05 ]

woensdag 10 maart 2010 10:05

Acties:

0 Henk 'm!

Guillome

test

Oh my god, en je zei dat je de code snapte

If then else matters! - I5 12600KF, Asus Tuf GT501, Asus Tuf OC 3080, Asus Tuf Gaming H670 Pro, 48GB, Corsair RM850X PSU, SN850 1TB, Arctic Liquid Freezer 280, ASUS RT-AX1800U router

woensdag 10 maart 2010 10:07

Acties:

0 Henk 'm!

HuHu

Lewt schreef op woensdag 10 maart 2010 @ 10:00:
[...]

Nee dit bestand bestaat niet.
waarvoor/waarom verwachte je dit bestand?

_!

woensdag 10 maart 2010 10:34

Acties:

0 Henk 'm!

MueR

Admin Tweakers Discord

is niet lief

Jammer dat de maker van de software niet reageert, maar het gaat in de Devschuur toch echt over zelf programmeren. Wat je nu vraagt is gewoon een Kan iemand even .. ?, daar doen we niet aan, zoals je in ons beleid kan lezen.

Anyone who gets in between me and my morning coffee should be insecure.

Onderwerpen