The Arcive of Official vBulletin Modifications Site.

Yahoo YUI! Treeview Menu for VBAdvanced · **Released**: 09-23-2007

//--------------------------------------------------------------------
// YUI Yahoo Treemenu Module for VBA v3 RC2
// by ShawnC
// http://www.shawnc.org
//--------------------------------------------------------------------

//--------------------------------------------------------------------
//--> New Installation Instructions
//--------------------------------------------------------------------

The files located in the Upload Directory need to be FTP Uploaded to your VBulletin Forum Directory. Click Overwrite All if it comes up will uploading
Once uploaded, If you are using VBA v3 RC2 then you can Import the Module in this Directory to your VBA Modules and it will work.

If you are Upgrading from a Previous version see next section

//--------------------------------------------------------------------
//--> Upgrade Instructions
//--------------------------------------------------------------------

Please Reupload all files into your Vbulletin Directory as I have changed the Javascript and compacted it with the Yahoo Javascript Compactor, Also All Files are hosted
on your domain to speed matters up now.

In Previous versions you had to Change the Header Template to Add the Javascript files, This has been automaticly done inside of the Plugin now so you will need to remove
any manual Header File Changes.

Delete the Old Module from VBA and ReImport the New Module to make sure all settings are overwrote properly.

//--------------------------------------------------------------------
//--> Installation Instructions on older VBA
//--------------------------------------------------------------------

Please read the Installation.txt file inside of the Package

Follow Normal Installation Instructions by Uploading All Files.

Create a new Module inside of VBA, Choose PHP Module(File)

Change the following Settings

File to Include --> treemenu.php
Templates Used --> adv_portal_treemenu
Use Module Wrapper Template --> Yes

Make a New Template and Call it

//--------------------------------------------------------------------
//--> adv_portal_treemenu
//--------------------------------------------------------------------

<tr class="alt1" ><td class="yui-skin-sam">

<div id="treeDiv" style="visibility:hidden;">
$adv_portal_forumlist
</div>

<script type="text/javascript">
//<![CDATA[

var ultree;
(function() {

function treeInit() {
ultree = new YAHOO.widget.TreeView("treeDiv");

ultree.setExpandAnim(YAHOO.widget.TVAnim.FADE_IN);
ultree.setCollapseAnim(YAHOO.widget.TVAnim.FADE_OU T);
ultree.readList();

ultree.subscribe("expand", function(node) {
});

ultree.subscribe("collapse", function(node) {
});

ultree.subscribe("labelClick", function(node) {
});

ultree.draw();
fetch_object('treeDiv').style.visibility = 'visible';
}

YAHOO.util.Event.addListener(window, "load", treeInit);

})();

//]]>
</script>

</td></tr>

//--------------------------------------------------------------------
//--> ChangeLog
//--------------------------------------------------------------------

--> v1.00 --> First Version
--> v1.01 --> Fixed Missing Animation Package - ragtek noticed thanks
--> v1.10 --> Fixed minor things
--> v1.20 --> Rewrite for VBA v3RC2 Module format
--> v1.30 --> Added Automatic Template Edits, Compacted Javascript Includes, Added Hidden Startup, Re-Packaged for Out of the Box Operation
Forum Paths have been added to Both Javascript and ForumDisplay.php so this will now work outside of your forum directory,
Removed Ugly Navmarkers that i forgot to remove from the original code for this.

//--------------------------------------------------------------------
//--> Demo Sites
//--------------------------------------------------------------------

http://www.srl-forums.com --> Where this module was originally wrote for
http://www.earthbeans.org --> Showing this module in a setting other then VBulletin ( MODx )
http://www.audiopoint.gr --> The Very Original Treemenu code written by Me for A Different JavaScript setup

//--------------------------------------------------------------------
//--> Information About the Author
//--------------------------------------------------------------------

I am a Freelance web Developer with Alot of exp in VBulletin modifications. I also run a blog about Web Development mostly using Yahoo, PHP and Linux Server stuff.
If you Like this modication please make a donation as it would make you feel all warm and fuzzy inside :P And helps me support the idea of future free module releases.

Support will be given to those that have Installed this modification only.

Trana · #62 10-03-2007, 06:34 PM

Quote:

Originally Posted by Dankness

Yea that can also be done very easyly. And its a really good idea actually, Use opacity instead of display none or if i remember correctly YUI cant reset it ( or that mighta just been prototype and mootools, i havent tryd it with YUI but opacity works so just use it lol ) When i have some free time to work on it I will add it, and Im still looking at your pm with the class info Ill see what i can do with it later tonight maybe tommorow.

I could really use this! Thanks.

ragtek · #63 10-04-2007, 08:59 PM

i'm working now on the problem with the hidden box until the content is ready

i think with this: http://developer.yahoo.com/yui/examp...nt-timing.html it shouldn't be a problem

at momemt i have add this: style="visibility:hidden" id="treenavi" to my navi part
and in the script i add this: fetch_object('treenavi').style.visibility = 'visible'; but it is still fired befor it is realy ready*g*

ragtek · #64 10-06-2007, 11:50 AM

i've solved it

i changed the script to:

Code:

var ultree;
(function() {

    function treeInit() {
        ultree = new YAHOO.widget.TreeView("treeDiv");

       ultree.setExpandAnim(YAHOO.widget.TVAnim.FADE_IN);
       ultree.setCollapseAnim(YAHOO.widget.TVAnim.FADE_OUT);      
       ultree.readList();

       ultree.subscribe("expand", function(node) {
           });

       ultree.subscribe("collapse", function(node) {
           });

       ultree.subscribe("labelClick", function(node) {
           });


        ultree.draw();
        fetch_object('treenavi').style.visibility = 'visible';
    }


    YAHOO.util.Event.onDOMReady(treeInit);

})();

and to the table/div whatever you have i added:

Code:

<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center" style="visibility:hidden" id="treenavi">

style="visibility:hidden" id="treenavi"
so now it have a id(needed for the fetch_object method and it is set visibility:hidden, so it is hidden until

Code:

 YAHOO.util.Event.onDOMReady(treeInit);

the "dom is ready" that means until everything is loaded
and then i fire the init function, now the tree is "built" and visibility is set

here's a video how it looks like: http://www.ragtek.org/tutorials/treemenu.htm

rainyleaves · #65 10-09-2007, 03:20 PM

Quote:

Originally Posted by ragtek

i've solved it

i changed the script to:

Code:

var ultree;
(function() {

    function treeInit() {
        ultree = new YAHOO.widget.TreeView("treeDiv");

       ultree.setExpandAnim(YAHOO.widget.TVAnim.FADE_IN);
       ultree.setCollapseAnim(YAHOO.widget.TVAnim.FADE_OUT);      
       ultree.readList();

       ultree.subscribe("expand", function(node) {
           });

       ultree.subscribe("collapse", function(node) {
           });

       ultree.subscribe("labelClick", function(node) {
           });


        ultree.draw();
        fetch_object('treenavi').style.visibility = 'visible';
    }


    YAHOO.util.Event.onDOMReady(treeInit);

})();

and to the table/div whatever you have i added:

Code:

<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center" style="visibility:hidden" id="treenavi">

style="visibility:hidden" id="treenavi"
so now it have a id(needed for the fetch_object method and it is set visibility:hidden, so it is hidden until

Code:

 YAHOO.util.Event.onDOMReady(treeInit);

the "dom is ready" that means until everything is loaded
and then i fire the init function, now the tree is "built" and visibility is set

here's a video how it looks like: http://www.ragtek.org/tutorials/treemenu.htm

Ragtek,

Could you please share edited file?
I really didn't know how edit file.
I don't know about the code where including.
I'm not a familliar.

Thnaks,
Best regards.

ragtek · #66 10-09-2007, 03:24 PM

hi
sorry, no i cant because i'm using an other system(vbcms and not vbadvanced so i cant just export my) and i have not realy the time to make it but i'm sure dankness will update it soon

rainyleaves · #67 10-09-2007, 03:28 PM

Oh, I see..

Thanks for your reply.

Anyway, congratulation for your work!!

Trana · #68 10-10-2007, 01:01 AM

Quote:

Originally Posted by ragtek

hi
sorry, no i cant because i'm using an other system(vbcms and not vbadvanced so i cant just export my) and i have not realy the time to make it but i'm sure dankness will update it soon

Which .js file did you change that function in?

Thanks!

ragtek · #69 10-10-2007, 05:21 AM

in this version it is direct in the template and the modul

Code:

<script type="text/javascript">
//<![CDATA[

var ultree;
(function() {

    function treeInit() {
        ultree = new YAHOO.widget.TreeView("treeDiv");

       ultree.setExpandAnim(YAHOO.widget.TVAnim.FADE_IN);
       ultree.setCollapseAnim(YAHOO.widget.TVAnim.FADE_OUT);      
       ultree.readList();

       ultree.subscribe("expand", function(node) {
           });

       ultree.subscribe("collapse", function(node) {
           });

       ultree.subscribe("labelClick", function(node) {
           });


        ultree.draw();
    }

    YAHOO.util.Event.addListener(window, "load", treeInit);

})();

//]]>
</script>

Trana · #70 10-10-2007, 11:57 PM

I have this:

Quote:

<tr class="alt1"><td class="yui-skin-sam">

<div id="treenavi" style="visibility:hidden">
$adv_portal_forumlist
</div>

<script type="text/javascript">
//<![CDATA[

var ultree;
(function() {

function treeInit() {
ultree = new YAHOO.widget.TreeView("treeDiv");

ultree.setExpandAnim(YAHOO.widget.TVAnim.FADE_IN);
ultree.setCollapseAnim(YAHOO.widget.TVAnim.FADE_OU T);
ultree.readList();

ultree.subscribe("expand", function(node) {
});

ultree.subscribe("collapse", function(node) {
});

ultree.subscribe("labelClick", function(node) {
});

ultree.draw();
}

YAHOO.util.Event.addListener(window, "load", treeInit);

})();

//]]>
</script>

</td></tr>

But it doesn't seem to work.

Dankness · #71 10-13-2007, 07:18 AM

Sorry for the delays guys, I will be updating this thing hopefully by Monday, In the Update I will add Ragtek's idea to hide the Div until Javascript Creates it, and I will also be adding Options for Open/Close All to it I have already coded most of it but i just need to finish testing everything, Once again sorry for the delays but you have to understand I am a Freelance Web Developer and the only thing putting food in my stomache atm is my web work. So of course I have to put paying jobs way ahead of free mods like this. If you like this mod you guys are more then welcome to donate afew bucks to its development ( there is a nice option to do that right here thru vb.org ) But anyways I will have a updated version for everyone very soon.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.04811 seconds Memory Usage 2,333KB Queries Executed 25 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (7)bbcode_code (4)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (6)navbar_link (120)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!