Tag Archives: YUI

Faking Onload for Link Elements

By Zach Leatherman | Published: July 29, 2010
Or, I Am Dynamically Loaded CSS (and So Can You!) Dynamic resource loading is one of the keys to have a performance happy web application. There are generally three different criteria we must address when making a request: cross domain security policies, asynchronous/synchronous (will it block the host page while loading), and whether or not [...]
Posted in CSS, JavaScript | Tagged | 7 Comments

Selecting XML Nodes with JavaScript (Peril of getElementsByTagName)

By Zach Leatherman | Published: May 10, 2008
Parsing XML in the browser can be a tricky beast. There are many different wrong ways to do it, which can leave you cold and naked in a snowstorm if you're not careful. So, let's put on the metaphorical electric one-sie of standards based code and let the power of Edison heat our JavaScript code like the innards of a tauntaun.
Posted in JavaScript | Also tagged , | 6 Comments

Rethinking JavaScript Grids and DataTables

By Zach Leatherman | Published: April 13, 2008
In the world of front end engineering, one must consider the end-user of the interface first, and above all other things. The priorities should not start with development ease, nor external library preference. The priorities should start with the needs of the consumer of your end product. Evolution of your engineering skill is also a [...]
Posted in Interface Design, JavaScript | Also tagged , , , , | 4 Comments

Faster YUI DataTable with 5 Lines of Code

By Zach Leatherman | Published: December 27, 2007
Holy Reflows Batman! The typical usage of a DataTable in the Yahoo User Interface JavaScript library involves passing a string into the constructor signifying the ID attribute of the container you want to attach the DataTable to. However, the YUI DataTable loves the DOM and creating nodes individually using DOM methods. Normally that’d be fine, [...]
Posted in JavaScript | Also tagged , , | 1 Comment

Write More Efficient Javascript in YUI with CSS Selectors

By Zach Leatherman | Published: September 3, 2007
This is an updated version of a previous article entitled Using DOM Query Libraries in YUI for the new version of YAHOO.util.Dom included with YUI 2.3.0 as well as including support for passing context nodes into Dom functions. Here we are again. I just love those CSS Selectors. If you haven’t read Part One of [...]
Posted in JavaScript | Also tagged , , | Leave a comment

Enlarging your YUI DataTable in 29 Seconds or Less!

By Zach Leatherman | Published: August 28, 2007
This is an updated version of the Enlarging your YUI DataTable in 30 Seconds or Less! modified for the newly released YUI 2.3.0. This method adds an extra row to the YUI DataTable when a row is selected, below the selected row. This allows the developer to add additional content that might not be applicable [...]
Posted in JavaScript | Also tagged , , | 6 Comments

Namespacing outside of the YAHOO Namespace

By Zach Leatherman | Published: August 28, 2007
YAHOO.namespace(). A lovely little utility function subject that I’ve written about before. If you’ve never heard of YAHOO.namespace or aren’t even familiar with namespacing, I’d read that article first. I’ll be honest, using the YAHOO namespace to store my own code makes my bunghole tighten just a little bit. What if I had written code [...]
Posted in JavaScript | Also tagged , | 7 Comments

YUI Code Review: YAHOO.namespace

By Zach Leatherman | Published: August 9, 2007
This is the first in a one+ part series of posts (the + is optional) reviewing the actual code contained in the YUI library. This series is not intended for advanced JavaScripters, so if you’re insulted by reading things you already know, you probably aren’t a very good student. YAHOO.namespace. This is a great little [...]
Posted in JavaScript | Also tagged | 4 Comments