08 APR

Lesson 12: jQuery Resurrected

This Easter, we "resurrected" our jQuery lesson, which had a screencast that was lost to Kernel Panic. We retraced our steps, and also forged on into new territory.

Our mission? To show how easy it is to take your Drupal site to the cutting edge of User Interface with jQuery, talk about the tools and resources that make this easy, and outline some best-practices for security.

The result? A pretty decent 100 minute intro to the jQuery javascript library with Drupal 5.0.

in
18 FEB

Lesson 07: An intro to jQuery magic

On April 8th, 2007, josh_k recast this lesson, and the updated content with screencast can be found at jQuery Resurrected

We'll convene in IRC's #drupal-dojo channel for text chat, use Skype audio, and Webavant's VNC Viewer for visual appeal and spend a couple hours addressing topics of concern to up-and-coming Drupalists.

Possible topics: Node access, or simple jQuery magic. Josh is relatively new to both of these, but he's promised to show us enough tidbits to get the ball rolling and whet appetites.

in
Feedback: Tell us how we did, and how we can make it better!
[ Leave Feedback ]View Lesson Feedback (2)
04 JUL

Show login block using jQuery modal window

Dmitri shows us how to get the User Login block to appear in a floating window that's centered over your drupal page. Super cool touch for the users, and will really impress your clients as well. The code size is tiny and the implementation is easy. Hook it up!

in

Selectors in jQuery?

Url: 
http://docs.jquery.com/Tutorials:How_to_Get_Anything_You_Want
Description: 
Know your way around CSS selectors or maybe xpath too? Then you already know how jQuery works with selectors. You can seriously get anything you want with jQuery's DOM selectors.

jQuery debug plug-in.

Url: 
http://jquery.glyphix.com/
Description: 
jQuery plugin for debugging from glyphix.com. Works with the Firebug console or prints directly into the end of your pages. Include it into your project by using drupal_add_js('/path/to/jquery.debug.js') then chain a ".debug()" where ever an object is returned. e.g. $('div').filter('.hello').debug(); or get a quick glance at your variables with $.log(myVariable);.
Syndicate content