Mini Mods - Ajax Fisheye Menu

This modification was just something random that I adapted to vBulletin.. I will release it with the status of beta, and when it has been proven to be stable, I will update it...

Demo of fisheye effect:
Demo
Demo - Vbulletin Live example (slightly modified from original release)

Installation:
Step 1:
- Extract and Upload contents of the "upload" folder to your server

Step 2:
Admin CP> Plugins and Products> Manage Products> Add/Import Product> Import> product-ajax_fisheye_menu.xml

Step 3:
Admin CP> vBulletin Options> Ajax Fisheye Menu >
Change.... Path to 'fisheye' directory
Attachment 72006

Step 4:
- Add

$afm_menu

in whatever template you decide to show menu (most likely navbar or header template)

Step 5(skip if vBa CMPS is not installed):
If you have vBadvance CMPS installed, you will need to do the following in order for this to work on your homepage as well:
- Admin CP> vBa CMPS > Default Settings> Main Options>
- Under the 'Portal Output Global Variables' setting you will need to add "afm_menu"

Step 6:
- Now you will need to configure the menu entries.. open the 'afm_fisheye_menu' template under the 'Ajax Fisheye Menu' template group.
- To add new menu items just use the following format:

<a class="dock-item" href="#"><img src="fisheye/images/home.png" alt="home" /><span>Home</span></a>

To Update:
- Reupload contents of upload folder to forum root...
- Import new product XML file with the overwrite setting on

V. 0.95-beta
+ Added a couple necessary AdminCP options
--- Enable/Disable option
--- Path to fisheye directory option

V. 0.94-beta
+ Fixed IE Quick Edit bug
+ Fixed IE font size drop down bug
(I have a feeling that this version will fix most of the Ajax related bugs, but members will have to let me know...)

V. 0.93-beta
+ Fixed fisheye directory error... now you only have to upload to your root..
+ Mood Manager now able to change moods in IE..
+ Added a folder in zip called 'extras' that include a set of blue themed icons made from the original set...

V. 0.92-beta
[s] + Added $vboptions[bburl] reference to images and scripts for smoother integration (thanks yoyoyoyo)[/s]
+ Added install.txt within zip file

V. 0.91-beta
+ Fixed IE blocks bug
+ Moved Stylesheet to Templates for easier editing
-- You can now edit the stylesheet by going to the 'afm_fisheye_stylesheet' template
+ Cached Templates

V. 0.9 - beta release
+ Fisheye effect

Step 6:
Come back to this thread and give me some feedback...

Known Bugs:
[s] - One user reports hover effect doesn't work in opera browser[/s]
- User Reports conflicts with shoutbox and casino mod
[s] - Unable to change mood in Mood Manager while using IE6.. works in IE7 and firefox[/s]
[s] - Unable to use Quick Edit in IE[/s]
- User Reports bug with VBPicGallery: "This mod looks fine everywhere except the gallery, where the icons show as a huge size, with text next to them."
[s] - Advanced Editor has weird code inside text size selector and font selector drop down boxes[/s]

Future Features
AdminCP Options
[s] - Enable/Disable[/s]
- Maybe options to set images and links in menu
- Any other suggestions welcome...


Script adapted from:
http://www.ndesign-studio.com/blog/mac/css-dock-menu

Here are some free icons you could possibly use with the dock:
http://www.dezinerfolio.com/2007/02/...a-gloss-icons/

This site has hundreds of icons.. but the site is in chinese...
http://www.tucoo.com/icon/index.htm
[S] I will provided limited support for this hack, and will continue to work on and update it when I can.. [/S]

I am no longer developing or supporting this MOD...

There are other things in life more important than VB you know

[inciarco]

Other Bug In This Hack With The Full Editor Of Messages is:

In The Sizes Selector , Somehow Includes the Following Text:

function(v,n){n=(n==null)?0:n;var m=this.length;for(var i=n;i<M;I++)IF(THIS[I]==V)RETURN unselectable="on" font i;return-1}<>

And When Pressing It Results:

[SIZE="function(v,n){n=(n==null)?0:n;var m=this.length;for(var i=n;i<M;I++)IF(THIS[I]==V)RETURN unselectable="on" font i;return-1}<>"][/SIZE]

Also In The Fonts Selector , Somehow Includes the Following Text:

function(v,n){n=(n==null)?0:n;var m=this.length;for(var i=n;i<M;I++)IF(THIS[I]==V)RETURN unselectable="on" font i;return-1}<>

And When Pressing It Results:

[FONT="function(v,n){n=(n==null)?0:n;var m=this.length;for(var i=n;i<M;I++)IF(THIS[I]==V)RETURN unselectable="on" font i;return-1}<>"][/FONT]

Perhaps This has Something To Do With The Error You're Having With The Quick Edit and Now With The Full Editor!!

Perhaps One Of The Plugins Is Including That Text, by Replacing a Code or Including a Code that is Causing This Problem as well as the Quick Editor Problem!!

I Hope You Can Fix It!!

My best Regards!!

[inciarco]

I Think That The Problem Is In The Code Included in the File "iepngfix" (HTC File), because that File Includes a Code with some Conditionals somehow similar to the Previously Described!!

I Also Found the Text "I++" in some of the Code Lines in the Scripts "interface" and "jquery", so could be them too the ones causing Those Problems with the Editors!!

You Should Check Also the Plugin "Ajax Fisheye Menu headinclude Auto Edit", that Includes that Code in the Head Include Template!!

I've Disabled that Plugin, and then Checked the Quick Edit Functionality, and Works Ok, and also the Error Code Included in the Full Editor (Mentionen in my Previous Message) Don't Appears, so the Errors are Related with that Plugin!!

I Found One Line Similar in the Function "doFix":

for (var n = 0; n < childNodes.length; n++)
    if (childNodes[n].style) childNodes[n].style.position = 'relative';

So I guess, somehow that File "iepngfix" could be causing the Problems with the Editors!!

I Hope You Can Fix Those Bugs!!

My Best Regards!!

[BecomeUnbroken]

Well the headinclude auto edit is used just to load the two .js files within the <head> tags of the page.. and the iepngfix.htc is used because IE has trouble viewing .png files and this is needed to make use of the .png's transparent background.. without this fix you will see a block behind the image in IE... As for the weird coding inside the text size and font selector, this is also in IE...

I wish everyone used Firefox, but since that's not the case, the script must also be IE compatible

I appreciate your help .. I haven't even looked into the iepngfix.htc yet.. i will see if i find something in there that is causing the other problems to arise in IE

[BecomeUnbroken]

Good news... after really looking into the .js files, I found the troublesome code and commented it out..

V. 0.94-beta
+ Fixed IE Quick Edit bug
+ Fixed IE font size drop down bug

Next release will come with AdminCP options.. and after a little more testing, we might have ourselves a stable version

[sparky5693]

Originally Posted by BecomeUnbroken

you could wrap the $afm_menu in an if conditional.. so that when the script is not equal to vbpicgallery it'll show the menu.
Example:

<if condition="THIS_SCRIPT != 'vbpicgallery'">
$afm_menu
</if>

although i'm not sure if that is the correct identifier for vbpicgallery's script...



I don't have it installed but I will try and tackle this after I figure out the Quick Edit bug which interferes with a core function of the board.. In the meantime you can use the code above to exclude the menu from the gallery...

The above mentioned code certainly does exclude the fisheye from the gallery. I did a screen cap of the problem so you could take a look.

[inciarco]

Originally Posted by BecomeUnbroken

Good news... after really looking into the .js files, I found the troublesome code and commented it out..

V. 0.94-beta
+ Fixed IE Quick Edit bug
+ Fixed IE font size drop down bug

Next release will come with AdminCP options.. and after a little more testing, we might have ourselves a stable version

Works Great BecomeUnbroken!! :up:

Congratulations on Finding the Solution to those Bugs!! :up:

Quick Edits and Font Style and Size Drop Dow Menus Work Excellent Now With The Hack!! :up:

One minor detail regarding the Display of the Menu happens when you access the List of Threads of the Forums!! The Menu Don't Displays, Shows But Piled One Image Over The Other!! When Accessing Main Forum List, Thread Contents, and Oher Locations in the Forum Menu Displays Fine, but When Reaching Thread List Inside Each Forum, the Menu Don't Displays!!

My Best Regards, and Again Congratulations This Is a Great Hack!!

[inciarco]

Originally Posted by sparky5693

The above mentioned code certainly does exclude the fisheye from the gallery. I did a screen cap of the problem so you could take a look.

I've seen this Display of the Icons When I Disabled the Plugin "Ajax Fisheye Menu headinclude Auto Edit", so perhaps there's something going on between the Hack of the Gallery and the Code in this Plugin that Not Allows the Plugin to Load, or some Not Compatibility Between a part of the Code of the Files this Plugin includes in the Forum Pages and the Code of the Gallery!!

My Best Regards!!

[sparky5693]

I figure you probably knew, but i'm using 0.94

[BecomeUnbroken]

Originally Posted by inciarco

Works Great BecomeUnbroken!! :up:

Congratulations on Finding the Solution to those Bugs!! :up:

Quick Edits and Font Style and Size Drop Dow Menus Work Excellent Now With The Hack!! :up:

One minor detail regarding the Display of the Menu happens when you access the List of Threads of the Forums!! The Menu Don't Displays, Shows But Piled One Image Over The Other!! When Accessing Main Forum List, Thread Contents, and Oher Locations in the Forum Menu Displays Fine, but When Reaching Thread List Inside Each Forum, the Menu Don't Displays!!

My Best Regards, and Again Congratulations This Is a Great Hack!!

hmm.. i just tested the menu at all levels of the forum, and it seems to be working fine in both IE and Firefox...

Can you PM me a link to where the problem happens? so I can view the page's source code and figure out whats causing it..

[BecomeUnbroken]

Originally Posted by sparky5693

The above mentioned code certainly does exclude the fisheye from the gallery. I did a screen cap of the problem so you could take a look.

that's what it looks like when the .js files aren't properly loaded... do you have a link so I can view the source code and pinpoint the problem?