jQuery

Sample Code For JQuery For Designers And Themers, DrupalCon Paris 2009

Drupal Conference ParisI was extremely pleased with my DrupalCon Paris session on jQuery for Designers and Themers. It was a great success – my best session yet. UPDATE: Watch the video here. You can see the slides at tinyurl.com/jQuery-Designers and download the sample theme code from drupal.org/project/jq4dat. I made a couple of references to blog posts and work I've done with jQuery during the session:

jQuery.dashboard() Plugin

The jQuery.dashboard() plugin for jQuery provides a framework that makes it easy for web application developers to create highly configurable dashboard-like user interfaces (similar to iGoogle) in their web applications. Jump straight to the demo. jQuery.dashboard() requires jQuery UI 1.7's (the new 1.6rc6) Sortable library, which in turn requires jQuery UI Draggable, core and jQuery 1.3.

Full Screen Switcher On Google Maps

2 months ago we launched the Witness Video Hub. Last week the Hub Map's full-screen mode was finally released! The Hub Map in full-screen mode It features an original full-screen-mode switcher which puts the map in to, and out of, fullscreen mode without a full page reload.

jQuery hook, event message passing, callback function

Do you like Drupal's hook functionality?
Maybe this jQuery extension could serve as a way to replicate that that functionality. Currently I use the extension below to allow the extension of existing libraries I've written.

Let's say in your library you write :
  if (confirmed){
    $('#css-id').hide(
      function(){
         $.hookExecute('css_id_hidden');
      }
    );
  }

One function in a new libarary could write
  function css_id_hidden(){
    alert('Hidden!');
  }
                                              
Syndicate content