WordPress drop down menus: highlight parent items with jQuery

It's generally useful in sites with extensive drop down menus and many levels of hierarchy to highlight the parent item that encompasses the list of current items in the menu we're now browsing so we can keep track of where we are. In this tutorial we will learn how to use jQuery to achieve this… Continue reading WordPress drop down menus: highlight parent items with jQuery

Preserving radio button checked state during drag and drop with jQuery

Have you ever stumbled upon the issue of radio buttons losing their "checked" state while dragging and dropping a div containing them using the Sortable module of jQuery UI? It is not a pleasant experience and is a known issue even in jQuery 1.7.x bundled in WordPress 3.3 - 3.4. Read on to learn how… Continue reading Preserving radio button checked state during drag and drop with jQuery

Slide upwards in jQuery using slideDown()

The first time you stumble upon it, it's a bit confusing that the slideDown and slideUp functions in jQuery only allow you to slide an element downwards. However, we can use them to slide an element upwards with just a little bit of CSS and without adding any extra jQuery code. Demo and description Check… Continue reading Slide upwards in jQuery using slideDown()

Best jQuery Tutorials in ILC in 2010

Now that 2010 is over, it's nice to look back and see how many things you've learned on the last year. In order to start stretching those muscles for 2011, here's a review of the most interesting jQuery tutorials featured in ilovecolors during 2010. Add a character counter for the excerpt in WordPress Reveal extra… Continue reading Best jQuery Tutorials in ILC in 2010

Add a character counter for the excerpt in WordPress

The excerpt is great for magazine sites where only a small bunch of words can be displayed on the home page. However, the lack of a character counting functionality for the field makes it hard to know how many you already typed in. In this tutorial we will learn how to easily add a character counter for the excerpt.

Reveal extra form fields using a select box with jQuery

Sometimes we need to include a feedback form but without making it too obtrusive to the user so we only want to add options when he is actually using it. In this tutorial we're going to learn how to reveal hidden fields in a form when an option in a select combo box is selected… Continue reading Reveal extra form fields using a select box with jQuery

Featured posts slider in WordPress using sticky posts and jQuery

A friend asked the other day how to create a featured posts section without using plugins, since most of WordPress plugins that you can find to create featured posts are a bit bloated, which isn't neccesarily bad, since plugins authors try to address almost every situation in order to provide a more useful plugin. The… Continue reading Featured posts slider in WordPress using sticky posts and jQuery

Stop losing visitors on 404 pages in your WordPress sites!

Ideally, you won't have any 404 situations in your site. Of course, we all know this is far from being true and "Not found" pages on your site is a common situation that might arise from different reasons, ranging from bad or expired links to simple user typos. In these cases, you can and should… Continue reading Stop losing visitors on 404 pages in your WordPress sites!

How to hide Personal Options in WordPress’ User Profile

Even though WordPress might not the friendliest CMS for user management, provides a good amount of customization for users meta information and profiles. However, one thing that is a bit rough right now is the Personal Options block in the User Pofile: you can't hide it by removing an action hook or even filter it.… Continue reading How to hide Personal Options in WordPress’ User Profile

Multiple instances of jQuery Tabs

Back in April 3rd, 2009, I wrote a small script to create tabs with jQuery. Many readers liked its simplicity and asked for some more features, like the ability to automatically rotate between each tab and those were into the second incarnation of the tabs. Many more asked through the comments or by email about… Continue reading Multiple instances of jQuery Tabs