jQuery Archives

DomReady Event Methods in JavaScript Frameworks

Published by David Walsh on Monday, June 21, 201014 Comments

The “domready” event, as it is affectionately known as, is one of the best things since sliced bread. The domready event says “screw you window.load … I don’t have time to wait for you.” The ability to execute your JavaScript method on DOM nodes before the page loads helps to make our effects and element modifications that much more seamless. Every JavaScript framework has their own method of domready so I wanted to take the time to list off each one, just in case you (or I) need to work with a framework that’s (initially) outside of our comfort zone.

TextboxList for MooTools and jQuery by Guillermo Rauch

Published by David Walsh on Tuesday, June 15, 20106 Comments
MooTools jQuery TextboxList

I’ll be honest with you: I still haven’t figured out if I like my MooTools teammate Guillermo Rauch. He’s got a lot stacked up against him. He’s from Argentina so I get IM’ed about 10 times a day about how great Lionel Messi is. He lives in California so he doesn’t have to deal with 3 months of bitter cold like I do in Madison. He even takes some of my chicks. All that said…he’s just…just…so damn smart. In the end I think some of my bitterness about Guiller is that he’s smarter than me. Better than me at MooTools, JavaScript, and even life.

Create GitHub-Style Buttons with CSS and jQuery, MooTools, or Dojo JavaScript

Published by David Walsh on Thursday, May 20, 201022 Comments
GitHub Buttons

I’m what you would consider a bit of a GitHub fanboy. We all know that GitHub is the perfect place to store repositories of open source code, but I think my love of GitHub goes beyond that. GitHub seems to understand that most repo sites are usually boring so they’ve spiced their site up with some catchy CSS and great JavaScript features. One tiny piece of the GitHub design I love are the basic buttons. Lets examine how we can create our own GitHub-style buttons with a bit of HTML, CSS, and JavaScript.

Accomplishing Common Tasks Using MooTools, jQuery, and Dojo

Published by David Walsh on Thursday, April 22, 201018 Comments

I’ve been dabbling with Dojo quite a bit lately. I feel great about my MooTools and jQuery skills but I’m a bit still raw when it comes to Dojo. What’s important that I keep in mind, however, is that the tasks I’m trying to accomplish are the same — the syntax is simply different. Here are a few basic JavaScript tasks and the syntax to accomplish them within each awesome framework.

Create Twitter-Style Dropdowns Using jQuery

Published by David Walsh on Tuesday, March 16, 201010 Comments
Twitter Dropdown

Twitter does some great stuff with JavaScript. What I really appreciate about what they do is that there aren’t any epic JS functionalities — they’re all simple touches. One of those simple touches is the “Login” dropdown on their homepage. I’ve taken some time to duplicate that functionality with jQuery.





© David Walsh 2007-2010. Contact David Walsh. Powered by the remarkable MooTools JavaScript framework.