Firefox 3 Download Day Mega Widget

2008-06-16T15:55:04+00:00

Update: Oh, and rumor has it that this widget will switch to reporting on downloads, rather than pledges, once the main event has begun.

Update 2: It didn't quite go like clockwork, but this widget is now showing estimated downloads by countries, rather than pledges.

Thanks to the completion of bug 435967, I can offer this totally unofficial hack of a mega widget (better late than never):

If you'd like, you can include this on your own site with a Copy-and-Paste of the following:

This is a total 2-hour cut, paste, reformat, and slight rejigger of Kent Brewster's work on Content Syndication with Case-Hardened JavaScript. Hopefully it works, because I'm releasing early before I've had a chance to check it out on anything besides the browsers in my lap.

Archived Comments

lhl
2008-06-16T22:39:04

nice. are you getting any design help on that? it's looking a bit plain.

commas and right alignment on the numbers at the very least would help a lot. and a total # (ooh, or a thermometer) would be neat.
Nicki
2008-06-16T23:34:07

I pasted your code into a post on my blog, it doesn't line up quite as nicely as yours. (isn't near as wide either, even though I have plenty of room)
l.m.orchard
2008-06-16T23:39:03

@leonard: Nope, no design help - this was a 2 hour hack over a few days, including the server-side patch to get JSON out of the site. In fact, throwing in the Download Day logo was a last minute afterthought just before I posted this entry at lunch. Patches welcome :)

@nicki: Hmm, it does look quite a bit smaller on your site. I might poke at the CSS a bit on my server to make it look nicer, since the styling I've done is very minimal.
l.m.orchard
2008-06-17T00:03:35
I've tweaked the CSS for this thing a bit to make it more uniform across blogs, though not completely so.

Additionally, I've added some config parameters if anyone would like to play with restyling it:
```
  <script type="text/javascript" src="http://decafbad.com/2008/download-day-top-ten.js">
      {
          "id":"my-widget",
          "css":"http://localhost/~lorchard/download-day-top-ten.css"
      }
  </script>
```
These will let you set the HTML ID for the widget, and the CSS file that gets dynamically loaded, respectively. One of the things I'm trying to do with this thing is hack a little closer toward having a tiny "widget framework" based on Kent's work.

But, I'm a cruddy designer, so that part probably won't improve :)
Nicki
2008-06-17T00:18:48

Looks fantabulous, thank you! :)
willyaranda
2008-06-17T11:24:26

Is it me, or all pledges are 10x of the real (I mean, there is "0" at the end of each country)
l.m.orchard
2008-06-17T14:16:30

@willyaranda: Nope, it's not you, it's a bug. Ugh. Thanks for catching it - it should be fixed now. Man, I wish it were all 10x :)
crazyserver
2008-06-17T14:59:11

Thanks to you and your widget!
Kent Brewster
2008-06-17T16:00:21

Hey, nicely done!

For what it's worth, the presentation layer may be created by generating the stylesheet on the fly, avoiding the extra HTTP call. I need to update Case-Hardened JavaScript to show how; for now, curious readers may visit my cleverly-hidden Web 2.0 presentation, here: http://kentbrewster.com/badges/, and see a quick example.
l.m.orchard
2008-06-17T16:04:37

@Kent: Yeah, as further steps I was thinking of rolling in the CSS bits, and maybe flirting with some innerHTML evil to declare the initial widget in plain HTML rather than DOM construction calls. This was an event-inspired hack, but I've been meaning to tinker more with this stuff for ages :) Thanks for advancing the state of art!
رضا باقرزادخ
2008-06-18T16:20:13

بنیاد موزیلا باید به ایران به عنوان یکی از ده کشور برتر حامی خود توجه بیشتری نماید و در فارسی سازی افزونه ها و وب سایت اصلی خود شرکت اقدامات مقتضی را انجام نماید.
l.m.orchard
2008-06-18T17:18:14

I don't understand this language, but it doesn't seem like spam—as long as you've not called my mother any nasty names, I thank you for the comment :)

(And any translations would be welcome!)
hamed
2008-06-18T17:35:33

the best forever incomparable forever on top forever all favorite forever
مهدی احمدزاده
2008-06-18T18:16:39

از مرورگر موزیلا بسیار راضیم بچه ها شما هم بگیرید
YAGHOON
2008-06-18T18:36:18

شرکت موزیلا ببین که ایرانین جو ده کشور دانلود کننده فایر فاکس هستند

پس چرا سایت و خود برنامه فایر فاکس رو فارسی نمیکنی؟
iman
2008-06-18T19:12:12

VIVA IRAN We Are Waiting For Your Persian Services MOZILLA !!!!
دلگرفته
2008-06-18T19:27:30

خوشحالم که ایران هم بله ... !!!
mahdy
2008-06-18T20:14:56

http://www.iranian-it.net/itf/showthread.php?tid=1348
xendes
2008-06-18T20:14:57

بهتره opera
madx22
2008-06-18T21:29:05

firefox .!! we are here . ( iranian people)
madx22
2008-06-18T21:30:28

hey FireFox !!!

We are here!

(Iranian people)
Monib
2008-06-18T22:29:44

I'm proud to be a Firefox user and also to see Iran in top-ten list. I'm glad Iranians are a part of this celebration:)
bandekhoda
2008-06-18T22:37:34

akhe chera kos sher migin ... tu iran ki internet dare ke betune hamun 10 mego dw kone , yani vaghean fekr mikonin iran az canda ham bishtar dw karde? akhe cheghad shomaha koskholid pas chera iran tu in nist ? http://downloadcounter.sj.mozilla.com/
Hadi
2008-06-19T04:02:47

سلام با تشکر از زحمات بنیاد موزیلا خوشحالم شدم در مورد رکوردشکنی فایرفاکس امیدوارم زبان فارسی نیز جزو زبان های رسمی موزیلا باشه به امید آن روز
sajad
2008-06-19T05:46:25

از موزیلا بدم میاد opera بهتره
سيد محسن منتظري
2008-06-19T06:49:49

متأسفانه تنظيم نمايش عدد به فارسي كه پيش از اين از قسمت bidi.numeral انجام مي شد در نسخه جديد اين امكان وجود ندارد و اعداد را به فارسي نمايش نمي دهد
asghar
2008-06-19T07:13:43

با سلام و عرض تبریک به حضور تمامی فایر فاکس دوستان
هادی قمرزاده
2008-06-19T07:16:32

فوق العاده بود . واقعا این فایرفاکس مهشره . اویول به همه ایرانیا
behrouz
2008-06-19T07:32:39

yashain iran usaki
behrouz
2008-06-19T07:34:30

kaf kardam roy in torkaro kam kardim
Bardia
2008-06-19T09:22:24

اینم جواب bandekhoda پس چرا ایران تو این لیست هستش : http://www.spreadfirefox.com/en-US/worldrecord/ اون لیست یه لیست ساده و استاتیک هستش
Milad
2008-06-19T10:11:39

Hi mozilla Company. Im in IRAN and offer all my friends to downloading FF3 Because IRANIAN people LOVE ''Firefox'' IRANIANS need more support from MOZILLA.
reza
2008-06-19T10:34:56

i love mozilla
بابک احدی
2008-06-19T12:38:58

فقط میتونم بگم آخرشه . بهترین پیمانه و استاندارد برای برنامه نویسان و طراحان وب!!!! Just FireFox It's The Best Solution For Web Designer !!!!

Be Fun
بابک احدی
2008-06-19T12:42:40

We Are Waiting For Persian Language and Other Additional for IRANian Users!
saeed
2008-06-19T12:59:22

امیدوارم زبان فارسی نیز جزو زبان های رسمی موزیلا باشه
AraSh
2008-06-19T15:47:09

سلام ما ایرانیان با کمترین شرایط بهره وری از اینترنت حماسه می آفرینیم با سپاس
Bad Boys
2008-06-19T16:44:11

Hey MOZILLA !!! We are here for support you and so waiting for your PERSIAN services. ( from PERSIAN boys )
Daniyal
2008-06-19T19:06:18

به نظر من هم موزیلا بهترین مرورگر اینترنته شرکت موزیلا هم باید امکانات فارسی رو به این همه کاربر فارسی زبان که از این مورورگر خوب استفاده میکنن اختصاص بده ای ول به Firefox
mohammad
2008-06-19T20:46:55

we support the mozilla project with download firefox3. viva Firefox viva persia...
mohammad
2008-06-19T21:14:24

hi. please start mozila by persian language for iranian. please.
Farzad
2008-06-19T22:08:00

persian menu?
Farzad
2008-06-19T22:09:17

ایول فایر فاکس 3 خیلی عالیه
l.m.orchard
2008-06-19T23:41:24

So, I think what you're all saying is that you'd like Firefox in Persian? :)

But alas, while I appreciate the sentiment, I don't think an entry on my blog about a JavaScript widget is the best place to rally support for the cause. Of course, localizing a JavaScript widget might be interesting someday...

0xDECAFBAD - Tag: downloadday

Firefox 3 Download Day Mega Widget

Archived Comments