Upload multiple photos to Meetup without Flash

Do you use Meetup and upload multiple photos regularly, but hate doing it?

Meetup has an multiple-photo feature that uses Adobe Flash, but as you can expect of Flash it’s not particularly reliable or stable. There no reason to put up with Flash’s nonsense—HTML5 includes a multiple-file upload control, well-supported by the latest Web browsers. Unfortunately, despite my posting a wishlist item (please vote!), Meetup has done nothing to support it.

So I did it myself: if you use Chrome or Greasemonkey/Scriptish for Firefox, install this user script: Meetup: HTML5 multiple-file upload for photos, also available on GitHub (direct download).

Once installed:

  1. Go to the “Old Upload Form” for your Meetup group or album. This can be tricky to get to, but the URL looks like: http://www.meetup.com/GROUPNAME/photos/upload/
  2. Make sure you’ve selected the right album.
  3. You should only see one file upload widget (the “Old Upload Form”, before this script, had 10).
  4. Click it, and you’ll notice you can select multiple photos you want to upload. Go ahead and do so.
  5. After you’re done selecting and dismiss the widget, the page will now tell you which photos you’ll be uploading.
  6. Click upload to start uploading photos.

Enjoy uploading your photos without Flash’s crashing, errors, or mayhem!

A note: if you use Firefox, you won’t be able to know how much you’ve uploaded (unlike Chrome, Firefox has no built-in upload progress meter). Try the Upload Progress add-on to keep tabs on your uploads.

UPDATE [19 Aug 2015]: UserScripts.org has been down for a long time… I’ve linked to the script on GitHub for the time being.

Changing Drupal 7’s built-in jQuery UI theme

jQuery UI, a Javascript widget framework built upon jQuery, comes built-in Drupal 7 core. One of jQuery UI’s nicer features is that you can switch themes by changing out a CSS file.

There are some nice jQuery UI themes out there (unfortunately, not enough!), like Tait Brown’s port of Aristo to jQuery UI (see demo).

But since jQuery UI is in Drupal core, which internally keeps track of CSS files, how do you switch the jQuery UI theme in use?

The Seven theme, including with Drupal core, provides inspiration on the “one true Drupal way” of doing this, by providing hook_css_alter(). Place into your theme’s template.php:

function MYTHEME_css_alter(&$css) {
  if (isset($css['misc/ui/jquery.ui.theme.css'])) {
    $css['misc/ui/jquery.ui.theme.css']['data'] = drupal_get_path('theme', 'MYTHEME') . '/jquery.ui.theme.css';

Replace “MYTHEME” with the name of your theme, and adjust the path to your jQuery UI theme’s CSS file accordingly (the above assumes you place jquery.ui.theme.css in the root folder of your theme).

With this magic in hand, I now have the Aristo jQuery UI theme running on this blog. Looks quite a bit better!

This post was inspired by an answer I posted on StackExchange.