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: jquery
By Jeremy
—
July 6, 2010 at 8:12 am
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.
By Jeremy
—
July 2, 2010 at 10:46 am
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: design, jquery
By Jeremy
—
June 29, 2010 at 8:21 am
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: metrics, social media
By srich
—
June 14, 2010 at 3:12 pm
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: design
By Jeremy
—
June 10, 2010 at 8:32 am
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: entrepreneurship, startups
When creating a new profile in StatsMix, you’ll now be presented with a required option: selecting a category for the profile.
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.
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.
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.
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.
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: Features
