WEB STANDARDS CREATIVITY

222
}
else if (typeof target.attachEvent != "undefined")
{
target.attachEvent("on" + eventType, functionRef);
}
else
{
return false;
}
return true;
};
Optimizations for Internet Explorer 5.x
As noted earlier, Internet Explorer 5.x browsers will have to wait for the page to load before getting the browser width. This
may cause a little visual flicker as the style sheets are swapped. In order to ameliorate this somewhat, we can set a cookie
that stores the browser width upon the user’s very first visit to the site, and then use this value upon repeat loads. This way,
the user will get a flicker only on the first visit. To do this, we need to modify checkBrowserWidth():
function checkBrowserWidth()
{
var theWidth = getBrowserWidth();
if (theWidth == 0)
{
var resolutionCookie = document.cookie.match(/(^|;) res_layout[^;]*(;|$)/);
if (resolutionCookie != null)
{
setStylesheet(unescape(resolutionCookie[0].split("=")[1]));
}
addLoadListener(checkBrowserWidth);
return false;
}
if (theWidth >= 960)
{
setStylesheet("Wide");
document.cookie = "res_layout=" + escape("Wide");
}
else
{
setStylesheet("");
document.cookie = "res_layout=";
}
return true;
};