Drupal 7 Module Development

JavaScript in Drupal
ajax_command_before
To add content before an element use ajax_command_before(). It utilizes
jQuery.before() to add content before a selector. Again the $selector, $content,
and $settings arguments are used.
ajax_command_changed
To note that something within a page has changed ajax_command_
changed($selector, $asterisk) can be used. Elements found on the page with the
given jQuery selector will have the ajax-changed class applied to them. $asterisk
is an optional CSS selector, that resides inside $selector. This is used to optionally
append an asterisk to that element.
ajax_command_css
ajax_command_css() uses the jQuery.css() command to update the CSS within
the page. This command takes in $selector and $argument arguments. For
example, changing a page's background color would look as follows:
$commands[] = ajax_command_css('body', array('background-color' =>
'#FFFFFF'));
ajax_command_data
jQuery provides a 'data' command to store data within a page outside of element
attributes. The ajax_command_data() function enables Drupal AJAX to add and
update data inside jQuerys data cache. The three arguments are:
• $selector, the jQuery element selector
• $name, the name of the data item being accessed
• $value, the value for the item
ajax_command_html
ajax_command_html() utilizes jQuery.html() to update the html for a given selector.
The arguments are $selector (the jQuery selector), $html (the HTML to update the
selector to use), and $settings (optional settings for this command to use).
[ 310 ]