Awhile back I wrote a JavaScript tutorial on how to keep the top level menu item selected when hovering over a drop down menu. Since then I’ve become a strong user and proponent of the JavaScript library jQuery. Not only is it easy to use, it also can help simplify your code-base very significantly. I’ve explained the updated code below. As you can see, it is much simpler.
Read more
Redirecting blog URLs in WordPress MU using .htaccess and mod_rewrite
Recently, one of the blogs I help support wanted to change its name and location. This meant changing the virtual directory name in the URL as well. Typically, simply changing the directory name in the WordPress settings would break all incoming links, something we definitely wanted to avoid.
Read moreCSS drop-down menus: how to keep the top level selected when hovering over a sub-menu
Pure CSS-based drop-down menus are a great thing, if for no other reason than their sheer simplicity and flexibility. However, they have two main drawbacks.
- They don’t work in Internet Explorer 6 due to the browser’s poor support for the
:hoverpseudo-class. - When the mouse cursor is over a drop-down, the top level navigation item does not stay highlighted under most conditions.
Fortunately, both problems can be solved with some simple JavaScript. The first problem is easily corrected with the excellent Son of SuckerFish drop-down code. The second problem can be solved using the equally small amount of code described below.
Read more