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]

lol


i would hide everything like i'm doing: www.ragtek.org
maybe i find some time to install vbadvanced and to help

if not: the whole "container" should be hidden until the page is loaded but i don't know if this is possible in vbadvanced

[Dankness]

Originally Posted by Trana

Thanks for updating this. I am still having a problem though.

You successfully hid the tree during the page load, but the table that it sits in (the module content) is still maximized until the page loads. This is really bad when you have a lot of forums as the module window can be the entire length of the page. Is there anyway to have it load already minimized?

Yea, i see what your saying, the board i really use it on the module is at the bottom so i never noticed it, and my test board only has 3 or 4 forums to test the levels so i didnt notice, I'll reupdate again in afew days, This release I was more intersted in having it properly packaged and documented. O and removing the header template edit was important in my book and so was minimizing all that javascript with the YUI Compressor 2.2.5 saves load time. Plus its all on your server so its cacheable.

Originally Posted by ragtek

lol


i would hide everything like i'm doing: www.ragtek.org
maybe i find some time to install vbadvanced and to help

if not: the whole "container" should be hidden until the page is loaded but i don't know if this is possible in vbadvanced

Yea, i guess that was the best idea lol. One of these days Im gonna learn to listen to people :P

[Axel Foley]

Dankness...great job...(re-installed)

It now works out-of-the-box.

I would modify the installation instructions:

- In case of a fresh installation, you don't need to upload the treemenu.php file as the .module file will try to recreate it and vBA would ask if you want to overwrite, rename etc. Simply import the module and upload the clientscript directory for fresh installation of the hack on vBA 3.0RC2.

Also, the URL replacement is now working when you click on the links.

Keep up the great work...

[ragtek]

ive found a newer method for hidding

szenario:
if a user have no js, he cant see the menu
ok it is not nice if its just a list and no treemenu but its userfriendlier
so what we could make:
at top of the template we can add:

<script type="text/javascript">
document.write('<' + 'style type="text/css">');
document.write('#ourelement p{display:none;}');
document.write('<'+'/style>');
</script>

so what does this do:
it adds onthefly a styleformating for hidding our content
so if somebody have no javascript he sees it

heres a tut i wrote
sorry for bad english
yui-treemenu with a crazy idee
daniel

[rainyleaves]

Some category has wrong number.
See attachment.
I think the number must be 53.
Please help...

Thanks.

[Dankness]

Originally Posted by rainyleaves

Some category has wrong number.
See attachment.
I think the number must be 53.
Please help...

Thanks.

EDIT : The problem is that I only counted the total threads When your Forum is Level 1, everything else shows posts for that specific forum. I'll look into another way to decide whether you have a subforum or not but for now that's just how it was coded.

[yoyoyoyo]

Is there anyway to have this work with advanced integration, so I can display it on forumhome?

[Trana]

Originally Posted by Dankness

Yea, i see what your saying, the board i really use it on the module is at the bottom so i never noticed it, and my test board only has 3 or 4 forums to test the levels so i didnt notice, I'll reupdate again in afew days, This release I was more intersted in having it properly packaged and documented. O and removing the header template edit was important in my book and so was minimizing all that javascript with the YUI Compressor 2.2.5 saves load time. Plus its all on your server so its cacheable.

Any chance you have figured this issue out? I would like to use this mod on my board but the resizing thing on page load looks a bit lame.

Any help would be appreciated!

[Alfa1]

Great mod! Uploaded and installed in 30 seconds!! Works like a charm.

Some questions:
- How do I change the design of this? I really like the way it is displayed on http://www.shawnc.org/ with multiple gradient background images.
- How do I add other parts of my site to this? I'd like to add my Wiki structure, Photopost Pro and LDM structure to this.
- Is there a way to pull the categories from Photopost Pro and LDM?

Could you please add instructions, how to do this?

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