1
2
3
4
5
6
7
8
9
10
11
12
13

function ahah_callback_menu()
{
return array
(
  'ahah_callback' => array
  (
   'title' => 'AHAH callback test',
   'page callback' => 'drupal_get_form',
   'page arguments' => array('ahah_callback_form'),
   'access arguments' => array('access content'),
  ),
);
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57

function ahah_callback_form($form_state)
{
$form = array();
// The AHAH helper module requires that the next
// function be called at the beginning of the form definition
ahah_helper_register($form, $form_state);
// First we create a wrapper to be used by the AHAH
$form['container'] = array
(
  '#prefix' => '<div id="ahah_container">',
  '#suffix' => '</div>',
);
// Next we add some data in this container
$form['container']['data'] = array
(
  '#value' => '<p>Form element</p>',
);
// And finally we add our AHAH enabled button
$form['button'] = array
(
  '#type' => 'submit',
  '#value' => 'submit',
  '#ahah' => array
  (
   // The following path is how the AHAH helper module
   // registers paths. See the documentation for that
   // module for more information
   'path' => ahah_helper_path(array('container')),
   'wrapper' => 'ahah_container',
   'method' => 'append',
  ),
);
// We will reproduce the above form elements in order to show
// the contrast between different AHAH events later on in the
// tutorial. So we recreate the container, the data, and the button.
$form['container2'] = array
(
  '#prefix' => '<div id="ahah_container2">',
  '#suffix' => '</div>',
);
$form['container2']['data'] = array
(
  '#value' => '<p>form element2</p>',
);
$form['button2'] = array
(
  '#type' => 'submit',
  '#value' => 'submit',
  '#ahah' => array
  (
   'path' => ahah_helper_path(array('container2')),
   'wrapper' => 'ahah_container2',
   'method' => 'append',
  ),
);
return $form;
}

1
2
3
4
5
6
7
8
9
10

function ahah_callback_theme()
{
return array
(
  'ahah_callback_form' => array
  (
   'arguments' => array('form' => NULL),
  ),
);
}

1
2
3
4
5
6
7
8
9
10
11
12

function theme_ahah_callback_form($form)
{
// First we get the path to our module
$path = drupal_get_path('module', 'ahah_callback');
// Next we add the JavaScript document to the page. Note: I keep my
// JavaScript documents in a folder called 'js'. If you have your
// script in the root of the module folder, make sure to adjust your
// path accordingly
drupal_add_js($path . '/js/ahah_callback.js');
// Finally we return the rendered form.
return drupal_render($form);
}

1
2
3

(function($) {
// Our code will go in here
}(jQuery));

1
2
3
4
5
6

(function($) {
$(document).ajaxComplete(function()
{
  // the code to be fired after the AHAH is completed will go here
});
}(jQuery));

1
2
3
4
5
6
7
8
9

(function($) {
// we need to add some variables to the ajaxComplete()
// callback function. The one we are most concerned with
// is the 3rd, 'settings'
$(document).ajaxComplete(function(e, xhr, settings)
{
  alert(settings.url);
});
}(jQuery));

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

(function($) {
$(document).ajaxComplete(function(e, xhr, settings)
{
  // button 1
  if(settings.url == "/sandbox/ahah_helper/container")
  {
   alert("button 1 pushed");
  }
  // button 2
  else if(settings.url == "/sandbox/ahah_helper/container2")
  {
   alert("button 2 pushed");
  }
});
}