#623320 by rfay: Implement AJAX 'css' command in misc/ajax.js (with tests).

merge-requests/26/head
Angie Byron 2009-12-12 23:36:28 +00:00
parent 89f1212643
commit 1b1fb73c83
3 changed files with 14 additions and 6 deletions

View File

@ -395,6 +395,13 @@ Drupal.ajax.prototype.commands = {
alert(response.text, response.title);
},
/**
* Command to provide the jQuery css() function.
*/
css: function (ajax, response, status) {
$(response.selector).css(response.argument);
},
/**
* Command to set the settings that will be used for other commands in this response.
*/

View File

@ -112,7 +112,10 @@ class AJAXCommandsTestCase extends AJAXTestCase {
$command = $commands[1];
$this->assertTrue($command['command'] == 'changed' && $command['selector'] == '#changed_div' && $command['asterisk'] == '#changed_div_mark_this', "'changed' AJAX command (with asterisk) issued with correct selector");
// 'css' command will go here when it is implemented.
// Tests the 'css' command.
$commands = $this->drupalPostAJAX($form_path, $edit, 'css_command_example');
$command = $commands[1];
$this->assertTrue($command['command'] == 'css' && $command['selector'] == '#css_div' && $command['argument']['background-color'] == 'blue', "'css' AJAX command issued with correct selector");
// Tests the 'data' command.
$commands = $this->drupalPostAJAX($form_path, $edit, 'data_command_example');

View File

@ -149,11 +149,9 @@ function ajax_forms_test_ajax_commands_form($form, &$form_state) {
);
// Shows the AJAX 'css' command.
// @todo Note that this won't work until http://drupal.org/node/623320 lands.
$form['css_command_example'] = array(
'#title' => t("AJAX CSS: Choose the color you'd like the '#box' div to be."),
'#type' => 'select',
'#options' => array('green' => 'green', 'blue' => 'blue'),
'#value' => t("Set the the '#box' div to be blue."),
'#type' => 'submit',
'#ajax' => array(
'callback' => 'ajax_forms_test_advanced_commands_css_callback',
),
@ -289,7 +287,7 @@ function ajax_forms_test_advanced_commands_changed_asterisk_callback($form, $for
*/
function ajax_forms_test_advanced_commands_css_callback($form, $form_state) {
$selector = '#css_div';
$color = $form_state['values']['css_command_example'];
$color = 'blue';
$commands = array();
$commands[] = ajax_command_css($selector, array('background-color' => $color));