Skip to main content

Adding AJAX to existing node in Drupal 7

To add AJAX to existing node (content type) in Drupal 7

 Every Add/Edit node has a form_id. We can use that form_id to alter the form to AJAX handler to any form element.

To find form_id of node use Drupal's devel module (dpr() function) or simply just write print_r(form_id) in hook_form_alter() function.

To add AJAX handler to node form field write the following code in the hook_form_alter(&$form, &$form_state, $form_id)

$form['field_make'][LANGUAGE_NONE]['#ajax'] = array(
      'wrapper' => 'trailer-model',
      'callback' => 'smr_manage_trailer_populate_models_callback',
      'method' => 'replace',
      'progress' => array(
        'type' => 'throbber',
        'message' => "loading",
      ),
);

Here field_make is node form field in which we are adding AJAX.

Adding AJAX is same as we do in other custom form but here we add LANGUAGE_NONE after form field which is important for Add/Edit node form.
Labels:

Comments

Post a Comment

Popular posts from this blog

Main menu dropdown parent item clickable in Drupal 8 using Bootstrap 4

 Edit menu--main.html.twig template file {# /**  * @file  * Bootstrap Barrio's override to display a menu.  *  * Available variables:  * - menu_name: The machine name of the menu.  * - items: A nested list of menu items. Each menu item contains:  *   - attributes: HTML attributes for the menu item.  *   - below: The menu item child items.  *   - title: The menu link title.  *   - url: The menu link url, instance of \Drupal\Core\Url  *   - localized_options: Menu link localized options.  *   - is_expanded: TRUE if the link has visible children within the current  *     menu tree.  *   - is_collapsed: TRUE if the link has children within the current menu tree  *     that are not currently visible.  *   - in_active_trail: TRUE if the link is in the active trail.  */ #} {% import _self as menus...
1 comment
Read more

Add JS to the bottom of the page in Drupal 7

How to add JS at bottom of a particular page in Drupal 7 Step 1: Get the page id. In case of front page "is_front"  Step 2: In template.php file of your theme add the below code : function illume_preprocess_page(&$variables) { if ($variables['is_front']) { drupal_add_js(path_to_theme().'/js/util.js', array('type' => 'file', 'scope' => 'footer')); drupal_add_js(path_to_theme().'/js/main.js', array('type' => 'file', 'scope' => 'footer')); drupal_add_js(path_to_theme().'/js/slideimage.js', array('type' => 'file', 'scope' => 'footer')); $variables['bottom_scripts'] = drupal_get_js(); } } This way you can add JS file using drupal_add_js() and define scope as footer. Step 3: Now you can use bottom_script variable to the page tpl file where you want to add JS print $bottom_scripts;
Post a Comment
Read more

Use Case Diagram for Online Book Store

1 comment
Read more