On a project I maintain, we recently rolled up to JQuery 1.3.1 from JQuery 1.2.6. Upon doing so, several things instantly broke.

I started seeing errors on lines like this:

if($('input[@name=username]').val() != "")

I decided to check the JQuery 1.3 relase notes to see what had changed.

The first bullet point answered my problem:

The ‘@’ in [@attr] has been removed. Deprecated since 1.2 this old syntax no longer works. Simply remove the @ to upgrade.

As it turns out, the @ style selector was depricated and wasn’t suggested for use when JQuery 1.2 was released, but it was still supported. At 1.3 the @ style selector was removed all together, and as a result broke our code!

Following the upgrade instruction I removed the @ symbol from the selectors, and the code started running again.

The result:

if($('input[name=username]').val() != "")

A simple and effective upgrade, and a reason to closely pay attention to release notes

Click here to view the embedded video.

Bill Garoutte, just made a great blog post about using JSON with Coldfusion, as a faster and more light weight alternative to using WDDX to serialize data. If you use Coldfusion at all, I highly suggest you read it, and download his code sample.

http://garoutte.com/?p=21

I use GMail as my main email client. Often I’m at work and I see something online that I think is useful, and I want to remind myself of it. I have tried righting down URLS on scraps of paper in the past, but sending an email to myself works as a good reminder for me. As a bonus, I can pick up my GMail form anywhere, including my iPhone.

I’m a programmer, so I am lazy by nature. It’s kind of a pain to open a new browser, and navigate to GMail.com and then copy and paste the URL of the site, and text into GMail and then send it.

Enter the GmailThis! bookmarklet by Doug Ward. Bookmarklets are bits of javascript that you save as bookmarks in your browser. When you click that bookmark the javascript runs. Basically bookmarklets are little javascript plugins that work in almost any browser.

The GmailThis! bookmarklet will open up a new Gmail window in a little popup. The body will have the URL of the page you are currently on, and any text you happen to have highlighted at the moment. All you have to do is enter the recipients name.

You can get the GmailThis! bookmarklet from Doug Wards site, http://contrapants.org/blog/2005/07/gmailthis.html

Doug also made a cool video showing how simple the bookmarklet is to use.

If you are a heavy GMail user like I am, this is a must have.

I dont have access to a web development language like php, cfm, for asp or this project to insert
the site navigation, page headers and footers, So I decided to go with some sweet web 2.0 un obtrusive javascript.

to make life easier for myself, I had the authors of the help system insert a single line into the head of each HTML file.
The line was a call to a javascript file. That javascript then used the DOM to insert all the appropriate CSS and other JS files I needed to make the pages look clean, and do what I needed them to do.

Things looked great in FireFox. Life was good until I loaded the site into Internet Explorer.
My beautiful project looked like a pile of crap, no styles, no javascript, just a stupid javascript error.

IE isnt known for its script debugging (another reason to no use IE). It took me literally hours to track down the problem.

I was doing this for all the css files (4 of them)

	var tmpElm = document.createElement("style");
	tmpElm.setAttribute("type", "text/css");
	tmpElm.appendChild(document.createTextNode("/some/directory/sweetness.css);"));
	document.getElementsByTagName('head')[0].appendChild(tmpElm);

Its clean, simple unobtrusive javascript.
create a style element, add the right attribute to it, add value to the style tag, then append it to the page head.
straight forward stuff.

Like I said, FireFix had no problem with it. After doing tons of test, i realized that IE didnt like me appending a style tag to the head!
Then I found this:

IE won't allow document.createElement('style')
If you try to add style declarations in the head of a document, IE borks at the name 'style' – "unexpected call to method or property access".

http://www.quirksmode.org/bugreports/archives/2006/01/IE_wont_allow_documentcreateElementstyle.html

IE gets confused between the head element <style> and the object property .style!

So I spend all that time debugging my code, which was perfectly fine, because IE is retarded and doesnt know the difference between <style> and .style!
WTF!

I removed all that sweet un obtrusive code and used this instead:

	document.write("<style type="text/css">@import url(/some/directory/sweetness.css");

I hate using document.write() these days, but it works in both IE and FF now.
My life sucks some times.