Khepri without js based menu - testers needed!
Joomlas backend use 2 js files to load ad initiate the menu script.
All the menu script does is simply giving all the li nodes the same width based on the widest sibling,
and adds the "hover" class to them on the mouseenter event (and of course remove them on mouseleave).
This isn't necessary and isn't good for accessibility.
Here are some reasons why I made a patch:
1. The menu wont work at all if js are disabled, or if there are js conflicts happening (like of a component tries to use Mootools 1.2.4 in the backend as the menu js uses the "Class" Mootools class.).
2. Using mouseenter and mouseleve events are actually just javascripts way of doing the same css does with the ":hover" pseudo selector.
3. This reduce the amount of http requests made since there are two fever js files loaded on every page. This also makes Mootools loaded in the backend entirely optional, as the menu don't require Mootools in order to function.
Go download the patch here: http://joomlacode.org/gf/project/joomla/tracker/?action=TrackerItem...
I forgot not everyone is experienced with using patches, so here's the files with the patch applied to them.
It's not an installable zip, just unzip it, and replace the files in khepri with the ones from the zip.
Download here
It works on my end, how about you?
UPDATE
Fully installable copy for testing here: tpl_kheprijsfreemenu.zip.
It will install as an separate template, allowing you to change back to regular khepri in the template manager if you want to.
All the menu script does is simply giving all the li nodes the same width based on the widest sibling,
and adds the "hover" class to them on the mouseenter event (and of course remove them on mouseleave).
This isn't necessary and isn't good for accessibility.
Here are some reasons why I made a patch:
1. The menu wont work at all if js are disabled, or if there are js conflicts happening (like of a component tries to use Mootools 1.2.4 in the backend as the menu js uses the "Class" Mootools class.).
2. Using mouseenter and mouseleve events are actually just javascripts way of doing the same css does with the ":hover" pseudo selector.
3. This reduce the amount of http requests made since there are two fever js files loaded on every page. This also makes Mootools loaded in the backend entirely optional, as the menu don't require Mootools in order to function.
Go download the patch here: http://joomlacode.org/gf/project/joomla/tracker/?action=TrackerItem...
I forgot not everyone is experienced with using patches, so here's the files with the patch applied to them.
It's not an installable zip, just unzip it, and replace the files in khepri with the ones from the zip.
Download here
It works on my end, how about you?
UPDATE
Fully installable copy for testing here: tpl_kheprijsfreemenu.zip.
It will install as an separate template, allowing you to change back to regular khepri in the template manager if you want to.
Views: 111
-
Comment by Enrico on November 14, 2009 at 11:15am -
Thanks Stian.
Working fine so far.
php 5.3.0
J! 1.5.15
-
Comment by Amy Stephen on November 14, 2009 at 11:45am
-
You rock, Stian! I have family visiting and my niece is getting married today. Tomorrow, I will test.
I appreciate your contribution and helping prove that we are not just complaining, but we are also willing to provide solutions to the problems we face.
Respect.
-
Comment by Jen Kramer on November 14, 2009 at 2:35pm -
I believe Andy Tarr did this for her Google Summer of Code work already.
http://community.joomla.org/blogs/community/1005-status-of-accessib...
-
Comment by Mark Simpson on November 14, 2009 at 10:06pm -
Thanks for this Stian.
The js menu in khepri is the most annoying thing I have to deal with every single day... having to wait for the entire page to load before I can use the menu.
There was no good reason for it to be in there in the first place as there are better ways to deal with IE6.
@Jen. Andy did some excellent work with that project but it is a different template altogether; one that is not in the official Joomla release. JoomlaPraise have one too.
-
Comment by Stian Didriksen on November 15, 2009 at 10:44am -
I'm thrilled that you find it useful :)
@Jen and I did a template, Khepri Refined back in november http://joomlacode.org/gf/project/khepri_refined/
This is not an additional template, but a patch to the core admin template removing the js based menu, replacing it with an css based one.
@Brian thanks, the more people that know about it, the more valuable feedback I on potential problems with the css that I might've missed in the first round.
-
Comment by Stian Didriksen on November 15, 2009 at 3:47pm
-
I agree, updated post with installable zip.
-
Comment by Stian Didriksen on November 15, 2009 at 6:10pm
-
Looking forward to it :)
-
Comment by Manoel J. Silva on November 16, 2009 at 6:39am -
Tested it in localhost. Sweet!
Thank you!
-
Comment by Christian Hent on November 17, 2009 at 1:02am -
Stian, thanks for your work!
-
Comment by Stian Didriksen on November 17, 2009 at 7:25pm
-
You're welcome!
© 2012 Created by Amy Stephen.
You need to be a member of All Together, As A Whole to add comments!
Join All Together, As A Whole