Skip to main content

How to Pass js Variable from php to Js, By drupal settings

Create the module.libraries.yml

at-story:
        js:
            js/at-story.js: {}
        dependencies:
          - core/jquery
          - core/jquery.once
          - core/drupalSettings

File : at-story.js
Drupal.behaviors.atjs = {
    attach: function (context, drupalSettings) {
        if (drupalSettings.at_story.node_published == false) {//not published
            if (drupalSettings.at_story.node_type == 'story') {
                $('#edit-title-0-value', context).keyup(function () {
                    var long_h = $(this).val();
                    $('#edit-field-story-short-headline-0-value').val(long_h);
                    $('#edit-field-app-headline-0-value').val(long_h);
                });
            }
        }
    }
};

module file where we load the file and varibales :
.module file
 if($form_id == 'node_story_edit_form' || $form_id == 'node_video_edit_form' || $form_id == 'node_photo_gallery_edit_form' || $form_id == 'node_breaking_news_edit_form'){
       if ($node = \Drupal::routeMatch()->getParameter('node')) {
        $form['#attached']['library'][] = 'at_story/at-story';
        $form['#attached']['drupalSettings']['at_story']['node_published'] = $node->isPublished();
        $form['#attached']['drupalSettings']['at_story']['node_type'] = $node->getType();
       }

How to add inline css and js in a page by drupal 8 :

  $load_more_btn = "#load_more_wrapper { text-align:center; }";  
   $form['#attached']['html_head'][] = [  
    [  
   '#tag' = 'style',  \\array
   '#value' = $load_more_btn,  \\array
  ],  
  'load-more-css'  
   ];  
   return $form;
It will add this tag in header:


 Same as Js , in place of style it would be script

How to use the Jquery within Ajax Responce : 

 use Drupal\Core\Ajax\AjaxResponse;  
 use Drupal\Core\Ajax\HtmlCommand;  
 use Drupal\Core\Ajax\InvokeCommand;  
 use Drupal\Core\Ajax\AlertCommand;  

 $response = new AjaxResponse();  
 //return the ajax return form with jquery  
 $response->addCommand(new HtmlCommand('#message-wrapper', $form['live_blog_container']));  
 $response->addCommand(new AlertCommand('Title or description, Anyone field is Required.'));  
 $response->addCommand(new InvokeCommand('.load_more_ajax', 'hide', array()));//hide is jquery function it could be any jquery function  
 InvokeCommand need three params:  
 1 - selector  
 2 - jquery function  
 3 - arguments of the function  
 like it  
 $response->addCommand(new InvokeCommand('#live_blog_title', 'addClass', array('my_new_class')));  
 $response->addCommand(new InvokeCommand("#load_more_limit", 'val', ['new_value']));//set the field value of id  
 return $response;



Labels:

Comments

Post a Comment

Popular posts from this blog

How to span column of custom table in Drupal

If you want to span the column of custom drupal table like below image, Follow the below code to make the header of the table , <?php $header = array('S.N','District', array('data' => '<div class ="house">Household </div><br><span>Rural</span> <p>Urban</p>','colspan' => 2), array('data' => '<div class ="house">Members</div> <br><span>Rural</span> <p>Urban</p>','colspan' => 2), 'Duplicate/Failed Registration', array('data' => '<div class ="house">Pending De duplication </div><br><span>Rural</span> <p>Urban</p>','colspan' => 2), 'Non Un-organised Workers', 'SSID Generated', 'No. of Card Personlised', ); $rows[] = arra...
1 comment
Read more

Drupal 8 : Link actions,Link menus,Link Tasks,Routings

Drupal 8 : Link actions,Link menus,Link Tasks,Routings Link actions Local actions have also been moved out of the hook_menu() system in Drupal 8 .Use actions to define local operations such as adding new items to an administrative list (menus, contact categories, etc). Local actions are defined in a YAML format, named after the module they are defined by. Such as menu_ui.links.action.yml for this example from menu_ui module: menu_ui.link_add:   route_name: menu_ui.link_add   title: 'Add link'   appears_on:     - menu_ui.menu_edit Here, menu_ui.link_add: It is the Unique name of the link action Most likely start with module name, route_name : Name of the route it means when click the link it redirect to this route, appears_on :  An array of route names for this action to be display on. Now how to know the Route name of any internal/external admin pages like below, By through the drupal console we achieve it, drupal debug:router...
Post a Comment
Read more

Get The field values of node in Drupal 8

use Drupal \ node \ NodeInterface ; /** * Implements hook_ENTITY_TYPE_insert() for node entities. * * This tests saving a node on node insert. * * @see \Drupal\node\Tests\NodeSaveTest::testNodeSaveOnInsert() */ function node_test_node_insert ( NodeInterface $node ) { // Set the node title to the node ID and save. if ( $node - > getTitle ( ) == 'new' ) { $node - > setTitle ( 'Node ' . $node - > id ( ) ) ; $node - > setNewRevision ( FALSE ) ; $node - > save ( ) ; } } Now There is so many functions are there to get the values, For All the functions available visit the API code, https://api.drupal.org/api/drupal/core%21modules%21node%21src%21NodeInterface.php/interface/NodeInterface/8.2.x Some of as below, Node edit form, Drupal 8 Automatically Load the whole object no need to load the entity like below, if ($event->getFormId() == 'node_alexa_audio_clips_edit_form') { $node = \Drupal::ro...
Post a Comment
Read more