Skip to content

Treating multiple radio button groups as one with jQuery

Recently at StatsMix we ran across a small issue where it was important to have two separate radio button groups act as one. Normally I would relegate this to a back-end programming issue, but sometimes handling things on the front end is the only way.

To that end, I whipped up this simple script in jQuery that does the trick and is so far testing well in all of our target browsers. The HTML would look something like this:

1
2
3
4
5
6
7
8
9
10
11
12
13
<form>
	<p class="radiogroup">
		<!-- This is one radio group -->
		<input type="radio" name="group1" value="1" /> Item 1<br />
		<input type="radio" name="group1" value="2" /> Item 2<br />
		<input type="radio" name="group1" value="3" /> Item 3<br />
 
		<!-- This is a separate radio group -->
		<input type="radio" name="group2" value="1" /> Item 4<br />
		<input type="radio" name="group2" value="2" /> Item 5<br />
		<input type="radio" name="group2" value="3" /> Item 6
	</p>
</form>

And the script looks like this:

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
$(document).ready(function() {
	// Turn multiple radio groups into one
	$('form').delegate('.radiogroup :radio', 'click', function() {
		$parent = $(this).closest('.radiogroup');
 
		$(':radio', $parent).attr('checked', false);
		$(this).attr('checked', true);
	});
});
</script>

Basically the script detects the click action within a set of radio buttons wrapped with a parent element with a class of ‘radiogroup’. It then does a blanket uncheck on all radio buttons inside the wrapper. Finally it adds checked=”true” to the radio button that was clicked.

View the Demo

Hope this is helpful. Happy coding!

Categories: jQuery.

Tags:

Campaign Monitor Moves to Javascript-based Charting

Highcharts javascript-based charting in use at Campaign Monitor

Campaign Monitor, one of the popular email marketing services, recently announced a move away from Flash-based charting tools.

Here at StatsMix we couldn’t agree more. In the last few months since the iPad came out we’ve been going to meetings with Tom’s and it wasn’t possible to demo the current version of the site — that’s a big problem when you’re trying to impress potential investors.

Like Campaign Monitor, we’ve moved to Highcharts as our primary charting platform and we couldn’t be happier with the performance and flexibility. Highcharts allows us to do everything we did with Flash-based charting with the added benefit of increased device support and better control via CSS and jQuery. A win all around!

Check out the original post from Campaign Monitor.

Categories: Features, jQuery.

Bringing Drag-and-Drop Ease to Building Custom Dashboards

One of the important new features that we’re adding to StatsMix is easily customizable dashboards. That’s a loaded sentence so let me break it down.

Easy

Although modern web services are making things easier by the day, it’s still a time consuming process to assemble a quality dashboard view of your important metrics. One of our guiding principals for this next release has been to make the process of assembling a dashboard as quick and easy as possible.

Customizable

StatsMix wants you to be able to do what we say — mix your stats. Only you know what your important metrics are so you should be able to view them the way you want.

Dashboards

Yes, that’s plural! We’re introducing the ability to create as many dashboard views as you want. Slice and dice your data with different modules (we’re calling them “widgets”) and a custom time frame so you can find the story in your metrics.

We’ve created a simple drag-and-drop interface that allows you to visually build a custom dashboard and start seeing your data in minutes. You’ll be able to choose from eight initial widgets that include graphs, sparklines and simple text. Simply drag them onto your dashboard and you’ll be prompted to configure them with a name and the service or services that you want to see. Then you’ll be able to arrange them in any order you like.

Under the hood everything is running on jQuery and jQuery UI which is a fantastic library for fast and stable front-end development.

We’re super excited to get this release out and see how its put to use!

Categories: Beta, Design, Features, jQuery.

Tags: ,

The Importance of Knowing Your Stats

I was fortunate to recently attend the TechCrunch Disrupt conference in New York. It was easily as entertaining as it was insightful, highlighted by the highly-charged interviewing style of TechCrunch’s founder, Mike Arrington. His especially memorable conversation with Yahoo CEO Carol Bartz gave the Google-loyal audience a thrill when Arrington prodded her to conclude the interview with a spirited expletive directed at him. Tracks by indie-pop artists like Miike Snow maintained a young, hip vibe during session intermissions. Plentiful fresh fruit, ice cream, and Red Bull kept attendees happy and awake.

Underneath the distractions lay an impressive list of speakers and panelists. Some endured the Bartz treatment, but most were permitted to opine unobstructed and it was quite a treat. Between techies like Foursquare founder Dennis Crowley, Napster founder Sean Parker, Google evangelist Don Dodge, and investors like Ron Conway, Ben Horowitz, and Fred Wilson were inserted Troy Carter and Scooter Braun. These two discovered and manage Lady Gaga and Justin Bieber, respectfully. I certainly was confused by their presence at Disrupt and was a bit annoyed that even a techfest like Disrupt wasn’t far enough away from the influence of the two pop stars. Continued…

Categories: General.

Tags: ,

Significant interface updates

We’ve been busy here at StatsMix making lots of exciting progress towards our next release. This won’t be just the addition of a few new third-party services — no way. We’re cooking up a whole new user experience with some great features that we can’t talk about just yet.

It’s hard to keep it all secret, so the image above is a little teaser.

Categories: Beta.

Tags:

Startups and Climbing

StatsMix took TechStars founders out for a day of climbing in Boulder Canyon recently. I spoke about the relationship between climbing and building a startup in the following video taken during the trip:

Categories: General.

Tags: ,

New in StatsMix: Categories for Profiles

When creating a new profile in StatsMix, you’ll now be presented with a required option: selecting a category for the profile.

StatsMix categories

Placing profiles into categories will allow StatsMix to provide relative performance data based on your industry. Category info is not shared, but aggregated anonymously for our calculations.

Of course while this is a required field when filling out the form, you can always select the “other” option, but we highly encourage you to select an appropriate category.

The category list is currently a best effort as it’s hard to create a canonical list of what constitutes categories for websites. If you happen to feel that your site doesn’t fit into any of our categories, please contact us.

Categories: Features.

New in StatsMix: Service Categories Display

As StatsMix continues to add more services, some of the list views were getting cluttered. Since there are some logical groupings for the types of stats we’re collecting, you’ll now see a tabbed interface when viewing your list of services for each profile.

StatsMix service categories

Instead of displaying any blank tabs, StatsMix only shows tabs for service categories that actually contain services you’ve added to each profile.

Categories: Features.

New Services Added to StatsMix

We’ve added new services to StatsMix since our last blog post bringing our total up to 16 in the beta.

Here’s the list of what’s new:

Facebook
StumbleUpon
Campaign Monitor
YouTube
Vimeo
Viddler

The full list can be found on our help site.

As an aside, we’ve been announcing each new service as it has been added on Twitter. So if you’re looking for the most up to date news on StatsMix, please follow us on Twitter.

Categories: Services.

New Feature: Weekly and Monthly Charts

One of the most requested features in StatsMix’s beta has been the ability to examine data by week and month. StatsMix now displays weekly and monthly charts (in tabbed views) for each service. In addition, above each chart we now show the weekly and monthly change for each service.

Categories: Features.

Tags: