This is a pretty important question when in comes to DOM programming. Start manipulating the DOM to early and bad things happen . Do it too late and the users may see that annoying flicker . So what’s the best technique for figuring this out? Well, I was curious about this myself so I took a look at how some of the popular Ajax libraries ( jQuery , MooTools , YUI , Prototype and ASP.NET AJAX ) are doing this. Here is what I found out ... You don’t need to wait for window.onload ... Its definitely safe to muck with the DOM in the window’s onload event, but there is really no need to wait that long. The onload event doesn’t fire until the entire page has loaded (DOM plus images) and often that ends up being too late. The user ends up seeing the page in potentially 3 different states: DOM without images, DOM with images, and finally the DOM with images and what ever changes your script has applied. There is no reason why your ...
Content suppressed by ://URLFAN, for full article visit source
A Few Options for Dynamically Adding Image ReflectionsFrom: mattberseth.com
Post Date: 2007-11-29 17:56:37
While waiting for VS 2008 Web Developer to download, I took some time to browse through the Visual Studio Express site. I am not usually a fan of sites that use a black background, but I thought it actually looked pretty good here. The contrast between the white text and black background makes it hard to look at for too long, however in general the site gives off that sleek and cool vibe that I am certain the designers were shooting for. One visual item in particular that caught my eye was...
more YUI DataTable Styled ListViewFrom: mattberseth.com
Post Date: 2007-11-25 15:11:49
Now that .Net 3.5 and VS 2008 have shipped , I thought it would be a good time to take a look at the new ListView control. I use the GridView quite frequently , and I am curious what the tradeoffs I would encounter if I used the new ListView control for rendering our tabular datasets. I figured a good way to learn would be to create a ListView that generates one of my favorite looking HTML tables. So I re-implemented my existing YUI DataTable Styled GridView using the ListView....
more No More Freeloading - Creating My First AjaxControlToolkit PatchFrom: mattberseth.com
Post Date: 2007-11-22 16:47:41
I use Yahoo! for my email client. The main screen has the standard email client three section layout. One area for selecting a folder (Inbox, Drafts, Sent Items, etc...), another area that displays the messages in a table or grid, and the last region shows a preview of the selected message. You can select messages to delete, forward, move by clicking a checkbox to select the messages, and then by clicking the button that corresponds to the action you want taken. Live Demo ...
more Dev.Opera.com Style TabContainer ThemeFrom: mattberseth.com
Post Date: 2007-11-19 16:40:44
While doing some research this afternoon I ended up on dev.opera.com. Its a nice looking site. The combination of colors, fonts, and images make browsing the sites content enjoyable. I was especially impressed with the tabbed menu that sits at the top of the page. The tabs are rounded, have rollover states and are very professional looking. So during some downtime this afternoon I created a new theme for the AjaxControlToolkit’s TabContainer control using the same image...
more