One of the most confusing aspects of jQuery is how it assigns scope during callbacks. It must be confusing because the topic generates a lot of questions on the mailing list. It’s too bad, really, because jQuery sets the scope in order to simplify your code, not make it more confusing.
So here are some pointers that may help you remember what this is.
Read the rest of this entry »
It’s been so long since I last posted a tutorial here that I’m afraid everyone might have forgotten about the place. For the past few months, there has been a little “Page Contents” menu at the top-right corner of some of the pages on this site — actually, any page that has more than one <h2> elements in the main content area. In this entry, I’d like to demonstrate how to create an automatic page contents list using jQuery.
Read the rest of this entry »
There was a request recently on the jQuery discussion list for an enhancement to Ritesh Agrawal’s Simple Star Rating System to allow for 1/2 star ratings. So I took it upon myself to add the feature.
Keep in mind that this plugin does not “degrade” when the browser doesn’t have JavaScript or when JavaScript is disabled. The the elements for the stars are created by the jQuery code, so when JavaScript isn’t available, the elements don’t appear. Therefore, if you are not absolutely certain that visitors to your site will have JavaScript available, this plugin probably isn’t the best solution for you. (See Wil Stuckey’s jQuery Star Rating Plugin for a degradable option.)
My addition to the plugin is pretty simple. It just adds another option to the settings, called increment, so you can do something like this now: $('#rate1').rating('example.php', {maxvalue: 5, increment: .5});. If no increment value is set, or if it’s greater than or equal to .75, the plugin will use whole-star increments. If the value is less than .75, it’ll use half-star increments. Here you can see it in action:
I also updated Ritesh’s demo page to include the new example: Simple (Half) Star Rating System. If you like it, you can download the files from there.
I’m not supporting my version of this plugin at this time. I meant it more as a proof of concept, an attempt to help an individual on the jQuery discussion list. If you need a plugin with the half-star feature, I’d recommend Diego A’s Star Rating Plugin.
A few weeks ago I wrote about two ways we can achieve the “accordion menu” effect, and I promised to describe a third option. Well, this is it, Option 3. But first, here is a list of my other show-hide-toggle entries, as well as Jörn Zaefferer’s accordion menu plug-in:
Need to clone an element and its events? Sure, you could rebind the events after doing the clone, but that wouldn’t be very DRY now, would it? Introducing Copy Events, a new plugin for jQuery.
A couple weeks ago someone on the jQuery discussion list asked if someone could reproduce a rotating headline box in which the headlines, in succession, scroll up into the box, pause, and then scroll up out of the box. Since I already had some code for rotating images on a page, I decided to recycle it and take the challenge.
Here is the finished product. (Please note that if you are looking at this in a feed reader, you won’t be able to see the effect. )
Headline number 2 was a little arrogant. He thought he’d be here forever. But he was obviously wrong. Nothing lasts forever. Not even me, Headline number 3. This is a link to nowhere.
© Copyright 2006–2009 Learning jQuery and participating authors. Written content on this site is under a Creative Commons License.
Development by Karl Swedberg. Design by Rex Rainey. Published with WordPress.
