Elliott C. Back: Internet & Technology

Animated Gif Stops with Javascript / Click?

Posted in Browsers, Code, Interface, Javascript, Microsoft by Elliott Back on November 3rd, 2008.

If you’ve ever tried to get an animated .gif file to continue playing in IE after a link is clicked, javascript runs for a form submit, or the window.location is set to a new URL, then you’ve probably already gone through the phases of frustration, and come straight to Google.

Here’s the setup. You’ve got a piece of javascript redirecting the user on a click (yes, I know this is a bad idea). Hopefully you got this from a legacy app:

<script language="javascript"><!--
function go(href) {
     $('spinner').style.display = '';
     location.href = href;
}
//--></script>
<a href="defaultAction.htm" onClick="go(this.href);return false">go</a>

Internet Explorer stops animated gifs when there is a javascript event, so if you try this code, it’s going to fail dramatically. What you need (for IE6 and IE7) is a hack:

<script language="javascript"><!--
function go(href) {
     $('spinner').style.display = '';
     location.href = href;
     $('spinner').src = $('spinner').src;
}
//--></script>
<a href="defaultAction.htm" onClick="go(this.href);return false">go</a>

Yes, reassigning the src attribute of an img will cause the image to keep animating, even when in the process of loading the next page. Note–this doesn’t work as well in Firefox. For that, you should either (a) upgrade the application to load data through AJAX, not URL redirection, or (b) use an iframe pointing to the image.

PS, if you need some ajax loading indicators, there’s a bunch!

Google Chrome Screenshots

Posted in Browsers, Computers & Technology, Google by Elliott Back on September 2nd, 2008.

Google Chrome, Google’s new web browser is out, and you can download it! Gizmodo earlier posted some screenshots (as did TechCrunch and Walter Mossberg), but I thought I should post a few of my own captures of the fast, new browser in action.

google-chrome-1.png
The first screen you see shows your recent history and a bookmarks bar

google-chrome-2-about-memory.png
The about:memory page shows memory usage of Google Chrome, and any other browser you might have open (Firefox, IE, Opera, Safari). It’s a nice, sneaky feature that makes you feel better about how Chrome manages system resources.

google-chrome-3.png
Google Chrome stole Firefox’s Awesome bar. In fact, the Google “do anything” bar is less usable than Firefox’s, and uglier to boot.

google-chrome-4.png
As Reisigner noted, Chrome is faster than other browsers. It shows this off with its own task manager.

google-chrome-5.png
Chrome seamlessly imports bookmarks, passwords, and browsing history from Firefox

For those afraid Google might do some evil, and watch what you’re surfing on the internet, Matt Cuts in Preventing paranoia: when does Google Chrome talk to Google.com? writes about how Chrome will contact Google:

I knew that as soon as Google Chrome launched, some readers would ask tough questions about privacy and how/when Google Chrome communicates with google.com. So I decided to tackle this issue head-on. I talked to the Chrome team to find out if there’s anything to worry about. The short answer is no. For the long answer, read on.

So, Chrome is a gorgeous, fast, simple, and secure browser. Why not use it? No more crashing, lightning-fast page loading and rendering, faster javascript, a standards-compliant renderer, nice import features… there’s really no reason not to switch.

IE8: Acid Test Passes

Posted in Browsers, Firefox, Microsoft, Spread IE by Elliott Back on March 6th, 2008.

You’ll be surprised to see that Internet Explorer 8 Beta (8.0.6001.14184) does better on the Acid2 test than Firefox 2 (2.0.0.12) does:

acid2-ff-vs-ie.png
Safari also passes the Acid2 test, but nobody uses it

The results are far worse on the Acid3 test, with IE8 scoring 17% and Firefox scoring 50%, but I believe they are intended. See, when Microsoft releases Beta 2 of their browser, it will definitely pass the Acid3 tests to give the community just that much more shock and awe:

acid3-firefox-vs-ie.png
Safari gets 39%, yay?

Ironically, the IE8 website throws an error when viewed with IE8. I guess that’s what they mean by improved standards compliance:

ie8-error.png

Worse, the Official Microsoft Site prompts to install some nasty, spyware-looking ActiveX control to view the IE8 site:

active-x.png

Congratulations Microsoft, on passing the Acid2, but unfortunately you have a laundry list of things to do, not limited to (a) make it faster and lighter than Firefox, (b) build in good developer tools, (c) get rid of ActiveX, (d) make a more usable UI, or (e) fix your own website to work in IE.

« Previous PageNext Page »