Drupal.Behaviors

  • 19,130 views
Uploaded on

LA Drupal Lightning Talk

LA Drupal Lightning Talk

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
19,130
On Slideshare
0
From Embeds
0
Number of Embeds
7

Actions

Shares
Downloads
132
Comments
3
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Introducing Drupal.behaviors presentation by: Tom Friedhof
  • 2. Review jQuery Basics
  • 3. Review jQuery Basics $( [find something] ).doSomething();
  • 4. Review jQuery Basics $( [find something] ).doSomething(); $(“#tabs”).tabs(); CSS Selector jQuery UI Method
  • 5. The DOM has to be ready $(document).ready(function() { // Code Goes Here });
  • 6. The DOM has to be ready $(document).ready(function() { $(“#tabs”).tabs(); });
  • 7. The Drupal Way Drupal.behaviors.loadTabs = function(context) { // Code Goes Here };
  • 8. The Drupal Way Drupal.behaviors.loadTabs = function(context) { $(“#tabs”).tabs(); };
  • 9. Why use Drupal.behaviors? • Ability to override JS • Behaviors are re-attachable • Attach Behaviors to a specific context • HTML loaded via AHAH
  • 10. Why use Drupal.behaviors? • Ability to override JS • Behaviors are re-attachable • Attach Behaviors to a specific context • HTML loaded via AHAH Drupal.attachBehaviors(elem);
  • 11. Demo Drupal.behaviors
  • 12. Resources http://api.drupal.org/api/file/developer/topics/javascript_startup_guide.html/6 http://raincitystudios.com/blogs-and-pods/katherine-bailey/the-lowdown- jquery-drupal-part-two http://www.chapterthree.com/blog/josh_koenig/ handling_aysnchronous_data_drupal_session_materials
  • 13. Questions?