Forum Home Enhancements - Yahoo YUI! Treeview Menu for VBAdvanced

//--------------------------------------------------------------------
// 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.

[ragtek]

Originally Posted by Trana

Just to clarify the problem as I see it....


The CMPS module starts out huge and blank, this is due to the "hidden" treemenu which starts fully expanded. As the page loads the menu is filled and condensed, causing the module to shrink to its normal size. All methods for "hiding" the menu don't work because the content is still there and the CMPS module is dynamically resized to accommodate it.

Thats not right.
As i wrote you in the pm and on my page http://www.developer-network.org/web...razy-idee.html if you make it this way, the modul is expanden but from beginn hidden( nobody sees anything just look at my example http://www.developer-network.org/sandbox/treenav3.php )
when the load is over and the page is ready it appears
so nothing is to big and destroys the design

[Alfa1]

Indeed, that is a strange effect. I have the same as well, while I just imported the module, without changing anything.

[ragtek]

anybody have a link for me where i can look for the "effect" ?
maybe i'm missunderstanding something

[Alfa1]

Originally Posted by ragtek

anybody have a link for me where i can look for the "effect" ?
maybe i'm missunderstanding something

Sure, just look at the example listed in your opening post:
http://www.shawnc.org/
Load the page first. Then hit F5 and watch what it does.

Edit: I just checked out several sites using YUI, including yahoo! answers. All seem to have this effect.

[Trana]

The effect is a lot more pronounced if you have a lot of forums and the page takes a second or two to load.

[Alfa1]

Could you please consider adding this for NuWiki and vbblog?

[ragtek]

what do you exactly mean with adding?
put vbblog & nuwiki into it?

[Alfa1]

No, I mean adding multiple YUI trees. One for each part of the site.
I hope this will make it more clear:

Forum
forum YUI tree
Blog
vbblog YUI tree
Wiki
NuWiki YUI tree

[vbboarder]

Thanks for this cool mod! Works with VB 3.7.3 & VBA 3.0.1 - tested on both Firefox 2 & IE7 - great work!
BTW, is this mod still supported? This mod hasn't received a post in over 6 months. I'm sure you would get lots more installs if you posted this mod in the VB 3.7 Mod section.

[Cocko]

Not sure, but I think I have installed this module months ago.
At last it was not acitve. Maybe there were errors befor.

I just have tried a re-install, and got blank screen.
vB 3.7.3, vBa 3.01.